VueCli 自定义创建项目

自定义创建项目

基于 VueCli 自定义创建项目架子

  1. 安装脚手架

  2. 创建

    shft + 鼠标右键 → 在此处打开Powershell窗口，输入

vue create 项目名

选择第三个，自定义创建项目

选择第三个，自定义创建项目

选择需要的特性

选择需要的特性

选择版本

选择版本

选择 是否为历史模式

选择 是否为历史模式

选择 css处理器

选择 css处理器

选择 规范

选择 规范

什么时候校验

什么时候校验

选择配置文件存放位置

选择配置文件存放位置

是否保存

是否保存
  1. 启动
cd 项目名
npm run serve 或者 yarn serve

localhost:8080 打开成功就创建成功了

ESlint 代码规范

JavaScript Standard Style 规范说明https://standardis.com/rules-zhcn.html

如：

字符串使用单引号 'abc'

无分号

关键字后加空格 if (name ='ls'){ ... }

函数名后加空格 function name (arg){... }

坚持使用全等=== 摒弃 ==

……

  1. 手动修正

    根据错误提示 手动纠正（根据错误代码去 ESLint规则表 中查找其具体含义）

错误提示

  1. 自动修正

    • 显示错误

      安装 ESLint 插件

    • 自动修复错误
      打开 VSCode 的设置，右上角打开设置，配置下面代码

// 当保存的时候，eslint自动帮我们修复错误
"editor.codeActionsOnSave":{
    "source.fixAll": true
},
//保存代码，不自动格式化
    "editor.formatOnSave":false
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容