vue-cli脚手架工具新老版本安装对比
脚手架安装
Shift+鼠标右键 选择打开命令窗口
创建项目之前,需先确保本机已经安装node
在命令窗口中确认node环境与JavaScript生态包npm是否安装
执行命令
node -v
npm -v
切换npm淘宝镜像
一般情况下用npm安装东西比较慢,可以使用淘宝镜像 在命令窗口中执行
npm install cnpm -g --registry=https://registry.npm.taobao.org
安装成功之后,cnpm就可以替代npm
安装vue-cli脚手架工具
cnpm install vue-cli -g或者npm install vue-cli -g
安装之后,在命令窗口中执行vue -V(V为大写)查看是否安装成功,成功会出现版本
以上步骤成功之后,相当于基础环境已经部署完成,就可以使用npm来创建项目了
选择路径,创建项目
如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):回车。
启动项目
cd 项目名称
npm run dev
浏览器输入localhost: 端口号即可
流程图
新版本安装与老版本卸载
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