当前node、npm、vue版本
curtis@CurtisMacBook-Pro ~ % node -v
v14.20.1
curtis@CurtisMacBook-Pro ~ % npm -v
6.14.17
curtis@CurtisMacBook-Pro ~ % vue -V
@vue/cli 5.0.8
- 需要创建项目的目录下，终端输入: vue create [项目名称]
image.png
- 选择手动安装
image.png
- 根据自己需求选择
image.png
- 选择vue版本
image.png
- 是否使用history模式创建路由，推荐Y
image.png
- 选择预处理器
image.png
- 选择代码检查工具
image.png
- 选择代码检查时机
image.png
- 如何存放配置
image.png
- 是否将当前创建项目配置作为一个模板方便下次直接使用
image.png
image.png
- 创建完成
image.png
查看项目package.json配置:
image.png
默认serve 可修改为dev
image.png
image.png
安装Element:
npm install element-ui -S
如果安装失败，将node_modules删除，再次执行安装命令
image.png
执行安装
yarn install
在main.js中配置:
import ElementUI from 'element-ui' // 引入element-ui
import 'element-ui/lib/theme-chalk/index.css' // 引入element-ui的css
Vue.use(ElementUI) // 使用elementUI
image.png
