vue項(xiàng)目環(huán)境搭建
更新時(shí)間：2022年04月25日 11:46:43 作者：農(nóng)碼一生
這篇文章介紹了vue項(xiàng)目環(huán)境搭建的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
一、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)文章
vue監(jiān)聽屏幕尺寸變化問(wèn)題,window.onresize很簡(jiǎn)單
這篇文章主要介紹了vue監(jiān)聽屏幕尺寸變化問(wèn)題,window.onresize很簡(jiǎn)單,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue安裝sass-loader和node-sass版本匹配的報(bào)錯(cuò)問(wèn)題
這篇文章主要介紹了Vue安裝sass-loader和node-sass版本匹配的報(bào)錯(cuò)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
淺談Vue數(shù)據(jù)響應(yīng)思路之?dāng)?shù)組
這篇文章主要介紹了淺談Vue數(shù)據(jù)響應(yīng)思路之?dāng)?shù)組，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
Vue 中獲取當(dāng)前時(shí)間并實(shí)時(shí)刷新的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 中獲取當(dāng)前時(shí)間并實(shí)時(shí)刷新,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
vue用復(fù)選框?qū)崿F(xiàn)組件且支持單選和多選操作方式
這篇文章主要介紹了vue用復(fù)選框?qū)崿F(xiàn)組件且支持單選和多選操作方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
Vue淺析axios二次封裝與節(jié)流及防抖的實(shí)現(xiàn)
axios是基于promise的HTTP庫(kù)，可以使用在瀏覽器和node.js中，它不是vue的第三方插件，vue-axios是axios集成到Vue.js的小包裝器，可以像插件一樣安裝使用:Vue.use(VueAxios,?axios)，本文給大家介紹axios的二次封裝和節(jié)流與防抖2022-08-08
VUE項(xiàng)目中加載已保存的筆記實(shí)例方法
在本篇文章里小編給大家整理了一篇關(guān)于VUE項(xiàng)目中加載已保存的筆記實(shí)例方法，有興趣的讀者們可以參考下。2019-09-09
這篇文章主要為大家詳細(xì)介紹了vue自定義彈框，實(shí)現(xiàn)確認(rèn)框、提示框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
vue使用router-view調(diào)用頁(yè)面方式
這篇文章主要介紹了vue使用router-view調(diào)用頁(yè)面方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
使用 vue 實(shí)例更好的監(jiān)聽事件及vue實(shí)例的方法
這篇文章主要介紹了使用 vue 實(shí)例更好的監(jiān)聽事件及vue實(shí)例的方法,介紹了一種新增 vue 實(shí)例的方法，單獨(dú)監(jiān)聽事件，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04