【菜鸡教程】vue脚手架3.x项目格式化攻略

前言

不得不承认,脚手架做了很多事情,让前端程序员尽量省事,所以不要辜负好时光。

搭建项目

  1. 试试 vue create xxx ,这是vue-cli3.x的创建项目的命令,xxx是你自己创建的项目名,如果不行的话, npm install -g @vue/cli
  2. 省略一些步骤说重点
  3. eslint选 ESLint + Standard config ,如果错了要么重来(稳),基于现有项目可以修改根下的.eslintrc.js,还要 npm install -D @vue/eslint-config-standard
    在这里插入图片描述
  4. 修改vscode的settings.json,喜欢保存立刻格式化就放开那个注释。
    在这里插入图片描述
  5. 目前为止格式化vue文件就搞定了,同时项目编译时eslint也会检测报错
  6. 别急,ts文件还得加配置
    在这里插入图片描述
    这里编辑器格式化选的是prettier,再设置prettier的单引号和末尾无分号,搞定ts格式化
  7. 还有什么格式化,后面慢慢整理

版权声明:本文为juniordog原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。