vue cli3.x创建项目

1.vue create 项目名称

  • default (babel, eslint) 默认配置
  • Manually select features 手动选择配置

vue cli3.x创建项目
2.选择手动选择配置,手动配置项如下,上下箭头切换,空格键选中选项

  • 1.Babel:转译成浏览器可识别的语言,让项目支持更新的语法,如es6\es7等
  • 2.Linter / Formatter:代码规范

vue cli3.x创建项目
3.选择eslint代码配置

  • ESLint + Prettier: 更漂亮,heml,js,css,都会检查

vue cli3.x创建项目
4.什么时候进行代码检测

  • Lint on save 保存就检测
  • Lint and fix on commit (requires Git) fix 和 commit 的时候检查
    vue cli3.x创建项目
    5.babel, postcss, eslint 这些配置文件放哪?
  • In dedicated config files 放独立文件放置
  • In package.json 放package.json里

vue cli3.x创建项目
6.是否将以上这些将此保存为未来项目的预配置吗 ?
Save this as a preset for future projects? (y/N)
vue cli3.x创建项目
7.开始下载模板
vue cli3.x创建项目