vue cli 3 0 學習筆記

2022-06-19 04:27:14 字數 1138 閱讀 1934

-------------------------------------------

專案搭建及結構

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