Vue 環境配置

2022-07-27 02:09:09 字數 1083 閱讀 3163

1.安裝全域性變數

a. npm install -g vue-cli==>檢視安裝vue -v

b.npm install -g yarn==>檢視安裝yarn -v

2. vue 建立乙個專案

a.開啟專案資料夾

b. vue init webpack 

c.npm run dev

d.或者在vs code裡面終端下執行npm run dev

3. 說明

a. build ==>webpack 編譯任務配置檔案:開發環境與生產環境

b.config==>專案核心配置

c.node_modules===>專案安裝的依賴模組

d.src==>

d.1 main.js==>程式主入口

d.3 components==>元件

d.4 assets==>資源資料夾

e.static==>純靜態資料夾

f.test==>

f.1 unit==>單元測試

f.1.1 specs==>測試規範

f.1.2 setup.js==>測試入口檔案

f.1.3 jest.conf.js==>測試執行配置檔案

f.2 e2e==>端到端測試

f.2.1 specs==>測試規範

f.2.2 custom-assertions==>端到端測試自定義斷言

f.2.3 runner.js==>執行測試指令碼

f.2.4 nightwatch.config.js==>執行測試的配置檔案

g.babelrc==>bable配置檔案

h.editorconfig==>編輯配置檔案

i.gitignore==>過濾控制版本的檔案

j.index.html==>入口模版檔案

k.package.json==>專案檔案,記錄命令或者目錄的一些簡要描述

Vue環境配置

全域性變數 npm config set prefix d nodejs node global 快取npm config set cache d nodejs node cache npm config set registry 環境配置 node paht d nodejs node globa...

vue環境的配置

配置環境變數 這裡根據自己的系統去node官網 2.安裝後,開啟執行命令視窗,輸入cmd。輸入node v,測試是否安裝成功,會輸出版本資訊。3.新的node.js已經整合了npm,所以npm也一併裝好了,輸入npm v測試,會輸出版本資訊。4.在剛才node.js的安裝目錄下新建兩個資料夾node...

配置vue開發環境

本人使用deepin桌面作業系統,webstorm作為ide 解壓,把資料夾拷貝到 usr local中 做兩個軟鏈,把bin資料夾的npm和node放到 usr local bin中 注意分兩部進行,以及sudo獲取管理員許可權,否則報錯。sudo npm config set registry ...