1、安裝node.js(8.9 或更高版本,推薦 8.11.0+)
(npm install -g cnpm --registry=
2、vue cli3安裝命令:npm install -g @vue/cli
或者yarn global add @vue/cli
3、可以使用:vue --version
檢查版本是否正確
4、使用圖形化介面:vue ui(建立專案)
5、安裝資料請求外掛程式,axios(安裝命令:npm install axios
)安裝後,在main.js中引入:import axios from 'axios'
和vue.prototype.$axios = axios
。官方文件:
6、在專案根目錄建立vue.config.js(便於修改配置)官方文件:
7、axios解決跨域
在vue.config.js檔案中配置devserver,**如下:
在axios請求時使用方式**如下:module.exports = }}
}};
安裝ui元件get_weather:function())
.catch(function (error) );
}
1、安裝vue的ui框架:mint-ui(安裝命令:npm i mint-ui -s
)安裝後在main.js中引入:import mintui from 'mint-ui』和import 'mint-ui/lib/style.css』和vue.use(mintui)。然後在需要引入元件的地方直接使用文件:
2、安裝vant元件,安裝命令:npm i vant -s
。自動按需引入元件 (推薦)
a、安裝外掛程式命令:npm i babel-plugin-import -d
b、在根目錄新建".babelrc"檔案,或者用命令:type null>.babelrc
c、在.babelrc 中新增如下配置:]]
}d、在頁面中引入使用
預設按鈕
vue cli 3學習要點
只整理了一下vue cli 3的基礎內容部分,其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架,或者直接通過 vue serve 構建新想法的原型,不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中,你也會被提示選擇喜歡的包管理器...
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...
Vue cli3配置說明
關於 以及process.env.使用和說明 scripts 以上是package.json中的一段指令碼。可看到我們的執行命令後面就會跟著mode,mode對應的值分別都有對應的檔案,如上mode分別有dev prod test三種模式,對應的專案中就會有三個檔案.env.dev env.prod...