-------------------------------------------
專案搭建及結構
安裝npm install -g @vue/cli
新增專案
vue create my-project
啟動:npm run server
打包:npm run build
vue-cli3.0-自定義腳手架模板
vue-cli3.0-新出的新增外掛程式方法
npm install axios
vue add vuetify
兩個都可以 後面那個會影響展示
-------------------------------------------
vue-cli3.0-全域性環境變數的使用
更目錄加:.env
獲取呼叫:}}
.env.development 開發環境
.env.prodoction 生產環境
-------------------------------------------
vue-cli3.0-獨立執行.vue檔案
vue serve 專案名字/demo.vue
可能會提示報錯,安裝個東西就好了,報錯會提示
-------------------------------------------
專案根目錄:vue ui
可以在網頁操作圖形化新增和啟動專案
-------------------------------------------
vue-cli3.0-配置基礎的路徑
vue.config.js
module.exports =
vue-cli3.0-配置跨域請求
module.exports = }}
}};-------------------------------------------
vue-cli3.0-載入美團外賣資料json
const goods = require('./data/goods.json');
const ratings = require('./data/ratings.json');
const seller = require('./data/seller.json');
vue cli3 0配置GZIP壓縮
當專案中引用很多第三方外掛程式時,打包後vendors會變得非常大,開啟速度變得非常慢。這時使用gzip壓縮可以大幅減小打包後檔案的體積。首先需要安裝compression webpack plugin npm install compression webpack plugin d 然後在vue....
vue cli3 0跨域請求
1 通過vue cli3.0建立的專案想要實現跨域請求操作 2 首先需要穿件配置檔案vue.config.js 3 注意此檔案建立在專案的根路徑下面,不要建立在src下面 檔案配置網上有很多,由於理解不深,便不詳解,const path require path const debug proces...
vue cli3 0首次接觸
首先檢視官方文件 稍微了解一下後開始接觸vue cli3.0 如果之前已經安裝了2.0先使用npm 命令解除安裝2.0 安裝vue cli3 使用命令 npm install g vue cli 使用命令生成乙個基礎專案 vue create myproject 使用命令 npm run serve...