1. 创建Vue项目
命令行总结
- 查看Vue版本:vue -V(是大写的V)
- 创建项目:vue create project_name(不能有大写字符)
- 检查是否创建成功:
- cd 到刚才创建的项目的目录下
- npm run serve(有的环境是npm run dev)
- 成功的话会跳出一个8080的url,复制了之后在浏览器打开,能看到Vue的页面即表示创建成功
2. 安装依赖
一定要cd到项目所在的目录下使用以下命令(依赖的安装是局部的,不是全局的,所以每创建一个项目就需要安装一次)
element:npm i element-ui -S
路由:npm install vue-router
axios:npm install --save axios
3. 项目内引入依赖
【日常报错】
1. Custom elements in iteration require ‘v-bind:key’ directives vue/valid-v-for
原因:v-for 需要key的值,这是代码规范的要求(eslint搞的鬼)
解决:取消代码规范
在vue项目的根目录下添加vue.config.js文件,内容如下:
module.exports = {
lintOnSave: false
}