vue項目環(huán)境搭建
更新時間：2022年04月25日 11:46:43 作者：農(nóng)碼一生
這篇文章介紹了vue項目環(huán)境搭建的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
一、node.js下載和安裝
官網(wǎng)下載安裝nodejs，會自動捆綁安裝npm，具體步驟省略。
二、express 安裝
npm install express -g npm install -g express-generator -----g在前不會安裝到全局（坑） npm install express-generator -g 全局安裝
三、安裝教腳手架
3.1 安裝或更新全局vue
npm install vue -g
3.2 安裝或更新全局路由：
npm install vue-router -g
3.3 安裝腳手架
npm install @vue-cli –g
四、webpack安裝
4.1.webpack-cli 安裝
npm i webpack-cli -g
4.2 查看版本：
webpack -v
提示：
webpack: not installed webpack-cli: 4.9.0 webpack-dev-server not installed
4.3 webpack 安裝
npm install webpack -g//配置全局的webpack npm install webpack --save-dev
4.4 安裝 webpack-dev-server
npm install webpack-dev-server -g
4.5 安裝vue安裝或更新全局vue
npm install vue -g
安裝或更新全局路由：
npm install vue-router -g
安裝腳手架
npm install @vue-cli –g
五、查看版本
環(huán)境變量： echo %PATH% node版本： node -v npm版本： npm -v vue版本： vue -V express版本號： express --version webpack版本號： webpack -v
六、修改npm的本地倉庫：
npm config set prefix "D:\Develop\nodejs\node_global" --save npm config set cache "D:\Develop\nodejs\node_cache" --sava
七、環(huán)境變量：
系統(tǒng)：
NODE_PATH（新增） D:\Develop\nodejs\node_globa\node_modules（坑：在查看webpack -v報錯） D:\Develop\nodejs\node_globa
用戶：
path（添加） D:\Develop\nodejs\node_cache（坑：在查看webpack -v報錯） D:\Develop\nodejs\node_global
到此這篇關(guān)于vue項目環(huán)境搭建的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue2和Vue3在v-for遍歷時ref獲取dom節(jié)點的區(qū)別及說明
這篇文章主要介紹了Vue2和Vue3在v-for遍歷時ref獲取dom節(jié)點的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
開發(fā)一個Parcel-vue腳手架工具(詳細(xì)步驟)
這篇文章主要介紹了開發(fā)一個Parcel-vue腳手架工具(詳細(xì)步驟)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Vue2.0利用 v-model 實現(xiàn)組件props雙向綁定的優(yōu)美解決方案
本篇文章主要介紹了Vue2 利用 v-model 實現(xiàn)組件props雙向綁定的優(yōu)美解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
這篇文章主要為大家詳細(xì)介紹了vue.js實現(xiàn)三級菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家介紹了Vue與VueComponent的關(guān)系，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)雙向滑動輸入條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了詳解vue 數(shù)組和對象渲染問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Vue2.0實現(xiàn)組件數(shù)據(jù)的雙向綁定問題
這篇文章主要介紹了Vue2.0實現(xiàn)組件數(shù)據(jù)的雙向綁定問題，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-03-03
vue中this.$router.push()路由傳值和獲取的兩種常見方法匯總
這篇文章主要介紹了vue中this.$router.push()路由傳值和獲取的兩種常見方法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue loadmore組件上拉加載更多功能示例代碼,需要的朋友可以參考下2017-07-07