vue cli + webpack 创建vue项目

  1. 安装nodejs + npm
  2. 安装vue cli
    vue cli + webpack 创建vue项目_第1张图片
  3. 创建vue项目
    vue init webpack project_name

eslint相关设置

报错内容: Expected indentation of 12 spaces but found 6
解决方法:在vscode中 ,打开settings.json配置文件,修改相关配置如下图红框处
vue cli + webpack 创建vue项目_第2张图片
vue cli + webpack 创建vue项目_第3张图片
在.eslintrc.js 文件中,rules添加如下
vue cli + webpack 创建vue项目_第4张图片
需要重启vscode
报错内容:Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment
解决方法:修改.eslintrc.js 文件如下
vue cli + webpack 创建vue项目_第5张图片
需要重启vscode
后续更新~~

你可能感兴趣的:(前端-vue)