1.vue -V 检查脚手架版本 我的版本是2.96
2.全局安装vue-cli脚手架
npm install -g vue-cli

3.在全局安装脚手架后创建项目
`vue init webpack vueTest ` 其中(vueTest)为项目名,可以替换为自己想要的名字
4.以下选项待我一一解析

project name 确定创建的项目是否为当前名字,确定就回车进入下一步,不确定请输入名字
project description 项目说明 ,直接回车跳过
author 作者,可以输入自己名字也可以直接回车跳过
vue build standalone 几行解释语句,回车
install vue-router? 是否需要安装配置路由,如果你还不知道这是个什么东西,说明没有必要安装,回复N+回车
use ESLint preset ? 是否ES语法提示, 初学者建议安装查看错误提示,老手直接N+回车
set up uinit tests? 是否进行单元测试,同样的,如果你还不知道这是个什么东西,N+回车
set up e2e tests with nightwatch? 是否安装自动化测试(nightwatch框架),老规矩,不懂的N+回车
should we run npm install for you after the project...? 是否添加npm指令在你的项目中,这个很重要,选第一个yes,use NPM
此过程会比较长 ,两分钟到十分钟不等和自己电脑性能有关
执行完后
cd vueTest 进入项目文件夹(名字不一样的记得改)
npm run dev 会弹出一个新窗口 复制地址到浏览器打开就OK了

喜欢的点个赞哦!!
网友评论