安装node并创建vue项目

1.多版本管理工具 nvm

https://github.com/coreybutler/nvm-windows/releases

nvm-setup.zip

2. 打开nvm文件夹下的settings.txt文件

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

镜像地址更新：

node_mirror: https://cdn.npmmirror.com/binaries/node/
npm_mirror: https://cdn.npmmirror.com/binaries/npm/

 

将镜像源指向国内淘宝，否则在安装node的时候会出现卡死，npm安装不成功的情况。

3. 下载node

nvm install 版本号(nvm install 14.15.0)

4.选择当前版本号

nvm use 版本号（nvm use 14.15.0）

使用管理员权限运行cmd执行use的命令

5、查看node是否安装成功

node -v,    npm -v

6.配淘宝镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
更新为：

　npm config set registry https://registry.npmmirror.com/ --global
  npm config set disturl https://registry.npmmirror.com/dist --global

7. 查看镜像

npm config list

8.查看全局安装的插件

npm list -g --depth 0

9.安装全局webpack

webpack-cli: npm install -g webpack webpack-cli

10. 安装全局vue-cli

安装3.0之后的版本npm install -g @vue/cli 或者 安装指定版本：npm install -g @vue/cli@4.5.15；
安装3.0之前的版本 npm install -g vue/cli；
卸载npm uninstall -g

10.创建

创建一个基于webpack模板的vue应用程序
vue init webpack 项目名

安装vue脚手架vue-cli
命令：cnpm install -g vue-cli
安装成功后可以用 vue -V 查看vue版本

11.cd到对应的目录下初始化vue项目

vue init webpack my-test

Project name 项目名
Project description 项目名描述
Author 作者邮箱
Use ESLint to lint your code? 是否需要ESlist语法检查
Setup unit tests with Karma + Mocha? 是否需要单元测试
Setup e2e tests with Nightwatch? Yes是否需要e2e测试

package.json为项目依赖资源，运行项目需要npm install 安装依赖项。
使用命令npm run dev启动项目，浏览器会打开 http://localhost:8080/#/

编译打包

cnpm run build