【vue】项目构建工具-vue-cli2/3

windows系统命令行下win+r：

一、vue-cli2工具

全局安装（C盘个人路径中,任何路径都可以运行vue命令，否则必须切换到npm安装路径去）：npm install -g vue-cli

查看全局安装路径：npm root -g

查看安装vue-cli的版本号：vue -V // 2.9.6

新建vue-cli2项目:vue init webpack 项目文件夹名

运行vue-cli2项目：npm run dev //npm run start(包描述文件package.json中有写) //切换到项目路径下执行

卸载vue-cli2：npm uninstall vue-cli -g

二、vue-cli3工具

安装：npm  install -g @vue/cli

查看安装vue-cli的版本号：vue -V // 3.11.0

新建vue-cli3项目:vue create 项目文件夹名

拉取脚手架2模板：npm install @vue/cli-init；（这样在脚手架3的环境下，同样可以使用cli2的语法）

为项目添加插件：npm install(uninstall卸载) 插件名(eslint或vue-route或axios) --save(生产环境)  //--save-dev(开发环境，-D)

运行vue-cli3项目：npm run serve  //切换到项目路径下

卸载vue-cli3：npm uni @vue/cli -g

注：

1、

可以使用官方npm从国外下载:

>npm install -g vue-cli

可以使用国内镜像cnpm命令，代替npm，命令一样。先用npm 安装cnpm：

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

也可以配置npm为cnpm效果，此时使用npm其实就是用的cnpm的连接：

>npm config set registry http://registry.npm.taobao.org

2、vue-cli2环境下的项目在cli3下也能运行（向下兼容），运行命令不变，只是环境改变了。