时间2019-01-11,尽可能地使用新版本
环境
1.安装node.js(10.15.0LTS)
2.安装vue-cli(3.3.0):
开个cmd运行npm install -g @vue/cli
3.IDE使用 WebStorm
创建项目
WebStorm
1.创建新项目,选择vue.js
Node没有的话手动选择node.exe
vue-cli没有的话检查环境里第二步是否成功
2.第二步默认next
npm/yarn
yarn最好使用msi的形式安装
设置淘宝源:
yarn config set registry https://registry.npm.taobao.org
遇到的问题
1.使用ELement+阿里字体icon不显示:
index.html中检查css
<link rel="stylesheet" href="http://at.alicdn.com/t/font_830376_qzecyukz0s.css">
2.icon显示为口: main.js中先引入Element的css再引入自定义css
import 'element-ui/lib/theme-chalk/index.css'; // 默认主题
import './assets/css/icon.css';
update:2019-04-18
添加yarn