Nodejs安装及Vue工程创建,nvm和npm安装和配置,cnpm安装和配置,镜像配置

安装Node

1. 下载 nvm-setup.zip

2. 将nvm安装在根目录下(不要在系统盘),执行 nvm 查看是否安装成功

3. 在nvm目录下的settings.txt后面加入(设置 node 和 npm 的淘宝镜像)

  node_mirror: https://npm.taobao.org/mirrors/node/

  npm_mirror: https://npm.taobao.org/mirrors/npm/

4. 执行 nvm install [版本号](nodejs的版本号,如:10.15.0)

5. 执行 nvm list 查看所有安装的nodejs版本

6. 执行 nvm use 版本号(nodejs的版本号,如:10.15.0)

7. 执行 nvm list 查看nodejs版本是否切换成功(版本前带*则表示当前使用版本)

8. 在nvm安装目录下新建node_global和node_cache文件夹

9. 执行

  npm config set prefix "nvm安装路径\node_global"

  npm config set cache "nvm安装路径\node_cache"

  npm config list,查看npm的相关配置

10. 配置系统环境变量NODE_PATH,路径设为 "%NVM_HOME%\node_global\node_modules"

11. 执行(可重启 命令提示符 ,以防工具未识别刚配置的NODE_PATH环境变量)

  npm install -g express,安装成功后可在"nvm安装路径\node_global\node_modules"看到此模块

  node,进入node命令行环境

  require('express'),看到相关输出则表示模块安装成功

12. 执行(安装 cnpm 和配置淘宝镜像)

  cnpm install -g cnpm --registry=https://registry.npm.taobao.org ,安装成功后可在 "nvm安装路径\node_global" 看到cnpm

13. 将 "%NVM_HOME%\node_global" 加入到系统环境变量

14. 执行 cnpm -v ,查看是否安装成功(报错时重启 命令提示符 ,再执行命令)

创建Vue项目

1. 执行 cnpm install -g @vue/cli3,安装Vue脚手架

2. 执行 vue create 项目名,根据需求选择

3. 执行 cd 项目名,进入项目路径下

4. 执行 npm run serve,启动项目