配置vue 專案開發環境

2021-08-30 17:48:43 字數 569 閱讀 9767

首先配置vue的開發環境

確認電腦已經安裝 node

確認npm版本 npm -v

安裝**映象 npm install -g cnpm --registry=

往後使用 npm安裝新的包的時候可以用 cnpm替代 (**映象的安裝速度會比海外的)快

安裝vue腳手架 npm install -global vue-cli /cnpm install -global vue-cli 至全域性

接下來可以建立vue專案了  使用開發工具建立和命令符建立均可

開發工具推薦使用webstrom

命令符建立

vue init webpacke *** (或 vue init webpack-****** ***(減少安裝多餘的包))建立初始化建立乙個vue專案

cd 至 所建立的目錄

安裝npm cnpm intall/npm install

npm run dev 執行專案

有時需要在專案中配置安裝webpack 使用 npm i webpack webpack-cli -s -d

配置vue開發環境

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

vue開發環境 生產環境配置

vue開發環境 生產環境配置 首先生成三個檔案 env env.development env.production 他會根據你執行的環境 去自動走相應的檔案 env node env production env.development env.production node env produc...

vue專案多個環境配置

env production outputdir prod import axios from axios create an axios instance const service axios.create timeout 5000,按照這個道理我們可以配置其他不同的環境。3.但是問題來啦,我們...