Vue

Vue-demo

Vue-demo

Posted by z9961 on April 18, 2019

时间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