vue CLI 手动创建项目 vue create xxx

1,275 阅读1分钟

使用 vue CLI 提供的命令,创建一个叫“vue-unit-test-demo”的项目,

vue create vue-unit-test-demo , 回车

默认选择在: Default ([Vue 2] babel, eslint)

方向键下,选择: Manually select features , 回车

image.png

默认勾选了: Choose Vue version, Babel, Linter/Formatter/ ,如下图

image.png

方向键下,勾选你需要的配置: 这里选择了Unit Testing, 回车

image.png

对上一步勾选的所有项,进行配置(根据自己的习惯 Or 项目要求)

版本配置:选择2.x, 回车

image.png

错误检查配置:这里选择了 Eslint + Prettier, 回车

Eslint 注重代码校验

Prettier 注重格式美化

两者搭配,干活不累^_^

image.png

image.png

什么时候检查: 这里选择了 lint in save( 保存的时候检查), 回车

image.png

单元测试: 这里选择了 Jest, 回车

image.png

配置文件保存: 这里选择了 In addtional config files (放在单独的文件里)

image.png

本次配置要保存吗?(下次可以用): 这里选择了 n(不保存)

image.png

到这里手动配置就选择完了,接着就等待创建完成。

image.png

项目创建完成,比起默认的 “Default ([Vue 2] babel, eslint)”创建的多了下图的几项。

image.png

之前的手动的配置中,没有选择 Vuex 和 Router等,如果需要,可以在vue-unit-test-demo 目录下手动配置。

命令:

// 配置Vuex
npm install vuex --save

// 配置vue router 
npm install vue-router