新建乙個Vue專案需要做的

2021-08-10 05:35:43 字數 966 閱讀 4724

1. 建立乙個vue專案

2. 設定編譯結果目錄

a. 修改/config/index下的exports.build.index值為主html檔案的路徑。

b. 修改/config/index下的exports.build.assetsroot值為靜態資源資料夾的路徑(一般為專案的public目錄)。

c. 修改/config/index下的exports.build.assetssubdictionary值為靜態資源資料夾下子目錄名。

3*. 關閉產品環境下的sourcemap生成

修改/config/index下的exports.build.productionsourcemapfalse

sourcemap有助於檢視**錯誤的實際位置,但在產品環境可以去除。

4. 設定**

修改config/index下的exports.build.proxytable如下格式:

}}

5. 安裝axios

a.npm i -s axios

b. 在/src/main.js中配置如下:

import axios from 'axios'

vue.prototype.$http = axios

即可在methods中如下呼叫:

新建乙個vue專案

用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後,開啟cmd。輸入 node v,出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...

vue新建乙個專案

全域性安裝vue腳手架工具vue cli npm install global vue cli cd 到想要建立專案的目錄下 vue init webpack 起的專案名稱 todolist 建立乙個基於webpack的模板新專案 專案初始化完成之後,進入該專案目錄,一般使用git bash直接進入...

新建乙個vue專案

第一步 npm安裝 參考 使用 npm映象 npm install g cnpm registry 這樣就可以使用cnpm 命令來安裝模組了 第二步 安裝vue cli cnpm install vue cli g 全域性安裝 vue cli 檢視vue cli是否成功,不能檢查vue cli,需要...