欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

node.js和vue.js安装配置教程

程序员文章站 2023-02-17 11:52:38
安装配置node.js 1. 官网下载node.js相关安装包 2. 配置环境变量(为nodejs安装目录) 3.新建两个文件夹:node_cache和node_gl...

安装配置node.js

1. 官网下载node.js相关安装包

node.js和vue.js安装配置教程

2. 配置环境变量(为nodejs安装目录)

node.js和vue.js安装配置教程

3.新建两个文件夹:node_cache和node_global

node.js和vue.js安装配置教程

4.命令行输入:

npm config set prefix"d:\development\nodejs\nodejs\node_global"

npm config set cache "d:\development\nodejs\nodejs\node_cache"

如图:

node.js和vue.js安装配置教程

5.配置环境变量

(1)配置node_path

node.js和vue.js安装配置教程

(2)配置node_global

node.js和vue.js安装配置教程

6.测试配置是否正确:命令行输入 npminstall express -g

node.js和vue.js安装配置教程

-------------------------------------------------------------------------------------------------------------------------------

安装配置vue.js

1.下载淘宝镜像

node.js和vue.js安装配置教程

2.安装vue-cli npminstall--globalvue-cli

node.js和vue.js安装配置教程

3.新建test文件夹,在当前目录打开命令行,输入: vueinitwebpacktest

(这个过程会有点久!!)

node.js和vue.js安装配置教程

node.js和vue.js安装配置教程

4.安装依赖,然后开始!

(1)进入项目:cdtest

(2)安装依赖:npmrundev

node.js和vue.js安装配置教程node.js和vue.js安装配置教程

5.访问:https://localhost:8080 出现如下页面说明vue.js配置成功

node.js和vue.js安装配置教程