1、cmd視窗檢視node.js版本和npm映象版本(
檢視本地npm版本:npm -v
安裝vue-cli(全域性安裝vue-cli) 命令:cnpm install vue-cli -g
如何檢視npm預設安裝路徑:執行命令:npm config get prefix
由於npm全域性模組的存放路徑及cache的路徑預設是放在c盤下,這樣肯定會增加c盤的負擔,那麼如果需要修改其存放路徑應該怎麼做呢?
第一步:在nodejs安裝目錄(也可以指定其它目錄)下建立」node_gobal」和」node_cache」兩個資料夾,如下圖
第二步:開啟cmd命令列,設定全域性模組的安裝路徑到node_gobal資料夾,快取到node_cache資料夾,在命令列輸入:
npm config set cache "d:\program\node.js\node_cache"
npm config set prefix "d:\program\node.js\node_global"
可能沒什麼響應,不用管屬正常現象。
第三步:全域性安裝webpack。
如果想要安裝指定得版本:npm install [email protected] -g)
第四步:安裝成功後node_global目錄下:
第五步:設定環境變數:
1、新建node_path到使用者環境變數和系統環境變數
第一步完成之後,接下來是如何將環境變數配置到系統裡。請看圖。
雙擊開啟path
2、最終效果
2、開啟cmd 輸入命令node 輸入命令:require('webpack')
這樣我們就已經改了npm安裝路徑
搭建vue
進入專案目錄:執行命令
vue init webpack 專案名
說明:vue build ==> 打包方式,回車即可;
install vue-router ==> 是否要安裝 vue-router,專案中肯定要使用到 所以y 回車;
use eslint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;
set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;
setup e2e tests with nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車;
3、進入專案:cd vue-demo,安裝依賴:cd +專案名(這裡我們選擇:npm安裝)
安裝成功後在目錄下:
啟動:npm run dev
npm配置vue成功!
**
NPM 方法安裝 vue
vue.js 讀音 vju 類似於 view 是乙個構建資料驅動的 web 介面的漸進式框架。vue.js 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。它不僅易於上手,還便於與第三方庫或既有專案整合。下面介紹以npm方式來vue.js 的安裝方法 在用vue.js構建大型應...
nvm安裝及全域性配置node 二 npm 安裝
上一節介紹了 npm 的基本概念,這一節介紹通過 nvm 來安裝 npm 以及過程中可能會遇到的問題。第一次安裝預設到底,減少後面環境出錯的機率,等玩熟了在自定義位置 第一步 第二步 安裝完成後這兩個路徑要記下來 後面介紹具體用途 nvm安裝的node路徑預設為 c programfile node...
Vue環境安裝及配置
npm install npm g 安裝 npm v 檢視版本資訊 4 cnpm安裝參考 npm install g cnpm 在git中輸入 cnpm 檢驗是否安裝成功 5 yarn安裝參考 npm install g yarn yarn v 檢驗是否安裝成功 6 vue安裝 cnpm insta...