vue安裝 搭建 在項目中安裝elementui

在安裝vue以前,先確保node和npm是否安裝。
若是安裝ok,那麼接下來安裝vue
1. npm install vue  (安裝vue)
2. npm install --global vue-cli  (安裝vue-cli)
由於npm是國外的,使用起來比較慢,使安裝vue會出現報錯,那麼你能夠試着  安裝 淘寶鏡像:1. npm install -g cnpm --registry=https://registry.npm.taobao.org
2. cnpm install cnpm -g   (安裝cnpm)
3. cnpm install vue   (安裝vue)
4. cnpm install --global vue-cli   (安裝vue-cli)
vue搭建項目
1. vue init webpack 項目名稱vue

2.cd 項目目錄下node

3.npm run dev (運行項目)webpack

4.npm i element-ui –S (安裝elementui)ios

在package.json能夠看到elementui已經安裝好了web

clipboard.png

5.在main.js中引入elementui (main.js是入口文件,因此在這裏引入就行,頁面就不用引入了)vue-cli

clipboard.png

6.先後端交互,要安裝axios,而且在main.js配置(安裝跟引入 跟elementui同樣)npm

axios.get(url).then(res=>{
      if(res.data.retCode == 200){
     //成功
      }else{
         //失敗
      }
})
相關文章
相關標籤/搜索