通過vue cli建立的專案設定配置檔案

2021-09-26 01:41:42 字數 1045 閱讀 2420

配置檔案是基於node的,node不支援import語法。

publicpath:之前叫baseurl,可以配置開發環境或生產環境的url

環境有兩種:process.env.node_env   production   development

npm run serve是開發環境    npm run build是生產環境 ---> 打包測試看效果

常見配置如下:

publicpath:process.env.node_env === 'production'? '':'/',

assetsdir:'asserts'   打包後的資源放入的資料夾 ---> 打包測試看效果

outputdir:'./dist'   打包後生成的資料夾 ---> 打包測試看效果

runtimecompiler:false,   true的話,表示使用自己的內部模板,一般不使用  ---> 打包測試看效果

new vue(,

webpack配置,到時候會合併到預設的webpack中。

configurewebpack:

},開發服務 

devserver:}}

},服務:

server.js

let express = require('express');

res.json();

});使用:

axios.get(「/api/getuser」).then()

沒有**會出現跨域問題。

第三方外掛程式配置。

pluginoptions:

}完整配置如下:

// 基於node的 node不支援import語法

// 預設環境變數 node_env production development

let path = require('path');

module.exports = ,

configurewebpack:

},devserver:}}

},pluginoptions:

}}

通過vue cli建立乙個專案

1.1 安裝vue cli 腳手架 npm install g vue cli 驗證安裝是否成功 vue 1.2 到建立專案的路徑,建立專案 vue init webpack 專案名稱 1.0的專案的話,vue init webpack 1.0 專案名稱 檢視預設的模板 vue list 結果 5個...

vue cli 建立專案

1 windows r 快捷鍵 輸入 cmd 開啟 2 輸入 node v 檢視是否安裝node.js環境 3 執行 vue create vuename vuename 專案名稱 出現 這個請直接回車 他會繼續建立專案 4 專案建立完成,後面就是專案的內容完成了 5 vue 路由設定 import...

Vue CLI 建立專案

執行以下命令 vue create 專案名 來建立乙個新專案 vue create hello world警告如果你在 windows 上通過 mintty 使用 git bash,互動提示符並不工作。你必須通過winpty vue.cmd create hello world啟動這個命令。不過,如...