码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli3.0

时间:2019-04-15 18:30:02      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:保存   stylus   image   选中   this   default   post   src   组件   

 

使用

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键是全选)

技术图片

 

三、是否使用class风格的组件语法,y

技术图片

四、是否使用babel做转义 y

技术图片

五、路由的mode用history,y

技术图片

六、选择css预处理,这里我选择stylus

技术图片

七、选择ESLint + Prettier

技术图片

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

? 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时候检查

技术图片

九、选择单元测试 jest

技术图片

 

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

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

 

技术图片

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

 

vue-cli3.0

标签:保存   stylus   image   选中   this   default   post   src   组件   

原文地址:https://www.cnblogs.com/wang715100018066/p/10711875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!