使用vue cli配置vue开发环境

• 安装

npm i -g @vue/cli

• 创建项目

vue create project

• ESlint插件
  
  安装该插件可以检查代码规范，并在保存时自动修正代码
  如果 eslint 安装后不生效，可以在根目录创建 .vscode 文件夹，然后在文件夹中创建 settings.json 然后输入

{
  "eslint.validate": [
    "typescript"
  ]
}

• Vetur插件
  
  该插件提供Vue代码提示

• 设置项目运行时自动在浏览器打开
  在package.json文件中设置如下命令即可
  

• eslint校验功能关闭
  在根目录创建vue.config.js文件
  配置如下指令即可
  

• 给src目录配置别名
  在根目录下创建jsconfig.json文件
  指定如下配置即可 这样在编码时@就会有路径提示了