vue-cli3.0

 

使用

npm install -g @vue/cli
# or
yarn global add @vue/cli

建立项目

sudo vue create myproject

一，选择手动

Vue CLI v3.6.2
? Please pick a preset: (Use arrow keys)
  default (babel, eslint)      // 默认
❯ Manually select features  // 手动

 

二 、集成选项（注：空格键是选中与取消，A键是全选）

 

3、是否使用class风格的组件语法，y

4、是否使用babel作转义 y

5、路由的mode用history，y

6、选择css预处理，这里我选择stylus

7、选择ESLint + Prettier

8、选择语法检查方式，这里我选择保存就检测

? Pick additional lint features: (Press <space> to select, <a> to toggle all
, <i> to invert selection)
❯◉ Lint on save                 // 保存就检测
 ◯ Lint and fix on commit  // fix和commit时候检查

9、选择单元测试 jest

 

10、她会问你 ，把babel,postcss,eslint这些配置文件放哪，这里随便选，我选择放在独立文件夹

❯ In dedicated config files  // 独立文件放置
  In package.json             // 放package.json里

 

11、Save this as a preset for future projects? (Y/n) // 是否记录一下以便下次继续使用这套配置

 

项目

https://github.com/besswang/rj-payadmin