Nodejs安装配置以及创建一个vue项目测试

1.下载安装nodejs程序 https://nodejs.org 64位 ，安装在node文件夹中

---

2.用管理员身份打开cmd  输入node -v检查node版本；输入npm -v检查版本号

---

3.进入node文件夹，新建 node_global 和 node_cache 两个文件夹（node_global文件夹用来放下载的全局包的，日志什么的会放在node_cache文件夹下）

---

4.进入cmd窗口设置文件路径 (根据自己的文件地址进行设置)

npm config set prefix "D：\node\node_global"

npm config set cache "D：\node\node_global"

然后cmd 中输入命令看一下npm list -global 看一下是否改好

---

 

5.设置环境变量

 在系统变量中新建变量名为NODE_PATH,变量值为D:\node\node_global\node_modules就是上面的变量值后面加\node_modules

 系统变量中PATH中添加如下

 

---

 6.配置npm镜像源

cmd 中输入命令 npm --registry https://registry.npm.taobao.org install express -g

配置后可通过  npm config get registry 来验证是否成功

---

7.npm安装vue

命令：npm install vue -g ,完成之后可以在node_global文件中看到vue文件

---

8.测试npm安装vue-router

命令：npm install vue-router -g  完成后可以在文件中找到

---

 9.安装vue脚手架和webpack

vue:

npm install -g @cue/cli        安装完成后输入vue --version查看是否安装成功，出现版本号即成功

webpack:

npm install webpack -g     安装完成后输入webpack -v 查看是否安装成功，出现版本号即成功

此时会出现连接失败，请求超时的情况，可以重新配置npm镜像地址

命令：npm config set registry http://registry.npmjs.org/

---

10.搭建vue项目

创建项目时进入根目录下进行

 vue01为项目名，自己可更换

  最后npm run dev