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