- 創(chuàng)建項(xiàng)目
vue create demo
選定 預(yù)設(shè)的vuex/eslint這些拼坎,等它安裝完后
cd demo
npm run serve
然后打開瀏覽器localhost:8080即可查看
- 引入ui框架
- pc端項(xiàng)目常用element-ui
npm i element-ui -S
安裝完后還要再main.js全局導(dǎo)入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
- 移動(dòng)端項(xiàng)目常用vant
可以使用 vue ui命令進(jìn)入依賴可視化頁(yè)面操作安裝vant
vue ui只是簡(jiǎn)略了npm i xxx的安裝步驟箩帚,后續(xù)還是要進(jìn)行引入配置
然后再main.js全局導(dǎo)入
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);