Vue-cli2创建项目

作者: VinSmokeW | 来源:发表于2019-10-09 10:52 被阅读0次

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了

喜欢的点个赞哦!!

相关文章

网友评论

    本文标题:Vue-cli2创建项目

    本文链接:https://www.haomeiwen.com/subject/yopwpctx.html