vue cli3注意事項

2021-09-26 14:23:37 字數 1132 閱讀 1809

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,**如下:

module.exports = }}

}};

在axios請求時使用方式**如下:

get_weather:function())

.catch(function (error) );

}

安裝ui元件

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...