vue cli3.x创建项目

1.vue create 项目名称

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

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

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

vue cli3.x创建项目_第2张图片
3.选择eslint代码配置

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

vue cli3.x创建项目_第3张图片
4.什么时候进行代码检测

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

vue cli3.x创建项目_第5张图片
6.是否将以上这些将此保存为未来项目的预配置吗 ?
Save this as a preset for future projects? (y/N)
vue cli3.x创建项目_第6张图片
7.开始下载模板
vue cli3.x创建项目_第7张图片
如果本篇文章对你有帮助的话,很高兴能够帮助上你。

当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。

你可能感兴趣的:(javaScript,vue,javascript,vue)