vue項(xiàng)目環(huán)境搭建
一、node.js下載和安裝
官網(wǎng)下載安裝nodejs,會(huì)自動(dòng)捆綁安裝npm,具體步驟省略。
二、express 安裝
npm install express -g npm install -g express-generator -----g在前不會(huì)安裝到全局(坑) 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版本號(hào): express --version webpack版本號(hào): webpack -v
六、修改npm的本地倉(cāng)庫(kù):
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報(bào)錯(cuò)) D:\Develop\nodejs\node_globa
用戶:
path(添加) D:\Develop\nodejs\node_cache(坑:在查看webpack -v報(bào)錯(cuò)) D:\Develop\nodejs\node_global
到此這篇關(guān)于vue項(xiàng)目環(huán)境搭建的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Vue2和Vue3在v-for遍歷時(shí)ref獲取dom節(jié)點(diǎn)的區(qū)別及說(shuō)明
這篇文章主要介紹了Vue2和Vue3在v-for遍歷時(shí)ref獲取dom節(jié)點(diǎn)的區(qū)別及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-03-03開發(fā)一個(gè)Parcel-vue腳手架工具(詳細(xì)步驟)
這篇文章主要介紹了開發(fā)一個(gè)Parcel-vue腳手架工具(詳細(xì)步驟),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09Vue2.0利用 v-model 實(shí)現(xiàn)組件props雙向綁定的優(yōu)美解決方案
本篇文章主要介紹了Vue2 利用 v-model 實(shí)現(xiàn)組件props雙向綁定的優(yōu)美解決方案,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03詳解vue 數(shù)組和對(duì)象渲染問(wèn)題
這篇文章主要介紹了詳解vue 數(shù)組和對(duì)象渲染問(wèn)題,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問(wèn)題
這篇文章主要介紹了Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問(wèn)題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-03-03vue中this.$router.push()路由傳值和獲取的兩種常見(jiàn)方法匯總
這篇文章主要介紹了vue中this.$router.push()路由傳值和獲取的兩種常見(jiàn)方法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12