Vue项目中常出现的错误

1、基础命令行方式手动安装

1、安装依赖包：npm install element-ui -S

2、导入Elment-UI的相关资源（main.js主入口内配置）

//导入组件库
import ElementUI from 'element-ui'
//导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css'
//配置Vue插件
Vue.use(ElementUI);

2、基于图形化界面自动安装

1、运行vue ui，打卡图形化界面

2、通过Vue项目管理器进入项目的配置面板

3、点击插件->添加插件，进入插件查询面板

4、搜索vue-cli-plugin-element并安装

5、配置插件，选择按需导入，从而减少打包后项目的体积

3、Eslint

1、Eslint要求比较严格，可以设置如下属性

'space-before-function-paren':0 //函数名后的空格取消
// 新建.prettierrc,填写如下规则
{
  "semi": false, // 取消代码里的;
  "singleQuote": true // 使用单引号
}

4、安装依赖问题

// 1、先删除node_modules这个文件
$ rm -rf node_modules/
 
// 2、安装gulp-sass
$ cnpm install gulp-sass --save-dev
 
// 3、安装成功后，再cnpm install
$ cnpm install
 
// 4、成功后，就可以使用gulp dev了
$ gulp dev