vue-cli脚手架工具新老版本安装对比

1.老版本

Shift+鼠标右键 选择打开命令窗口

1.创建项目之前，需先确保本机已经安装node 在命令窗口中执行node -v npm -v

 

2.一般情况下用npm安装东西比较慢，可以使用淘宝镜像 在命令窗口中执行

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装成功之后，cnpm就可以替代npm

 

1. 安装vue-cli脚手架工具 cnpm install vue-cli -g或者npm install vue-cli -g

   安装之后，在命令窗口中执行vue -V（V为大写）查看是否安装成功，成功会出现版本

   以上步骤成功之后，相当于基础环境已经部署完成，就可以使用npm来创建

   项目了

    

2. 选择路径，创建项目 如d盘创建一个文件夹，进入文件夹，在命令窗口中

   执行vue init webpack 项目名称（自己命名）

   Project name（项目名称）:回车
   Project description（项目介绍）：回车
   Author：作者名
   Vue build（是否安装编译器）:回车
   Install vue-router（是否安装Vue路由）：y 回车
   Use ESLint to lint your code（是否使用ESLint检查js代码）：n 回车
   Set up unit tests（安装单元测试工具）：n 回车
   Setup e2e tests with Nightwatch（是否安装端到端测试工具）：n 回车

   Should we run npm install for you after the project has been created? (recommended)：回车。

    

3. 启动项目

   cd 项目名称

   npm run dev

   浏览器输入localhost: 端口号即可

    

   流程图

   

   

   

   

   

   

    

    

   2.新版本安装与老版本卸载

   TIPS:

   关于旧版本。Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。
   如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

   

   

   npm run serve