windows環境下搭建vue環境

關於npm、cnpm、bower?
簡單地說,就是幫你下載好你需要的css或者js庫,而且三者功能也都是一樣的。那爲什麼要下載這3個不同的呢?據說npm容易被牆……而cnpm是淘寶的鏡像,所以通常用cnpm代替npm。至於bower,是因爲bower更多地用於前端開發。但是因爲它也是依賴於npm的,所以沒有npm,就沒法載bower……不知道說了那麼多你懂了沒,但是這不重要~你所需要做的就是分別安裝這3個,然後將bower爲己所用。
安裝npm
前往nodejs官網下載nodejs,https://nodejs.org/en/ ,建議下載穩定版的,下載後無腦安裝即可~~
安裝完畢之後,在cmd中輸入node -v查看是否已經安裝成功
在這裏插入圖片描述
如果有版本號顯示,則代表安裝成功!!!

接下來我們嘗試輸入npm -v
在這裏插入圖片描述
這裏寫圖片描述
竟然也有版本號!?其實,nodejs自帶npm,所以我們不需要額外安裝就可以了。
接下來,我們需要配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下建立“node_global”及“node_cache”兩個文件夾。我們就在cmd中鍵入兩行命令:
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”
下面這一步非常關鍵,我們需要設置系統變量。進入我的電腦→屬性→高級→環境變量。在系統變量下新建“NODE_PATH”,輸入“D:\Program Files\nodejs\node_global\node_modules”

安裝npm
鏡像使用方法(三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在):
1.通過config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正確這個命令會有字符串response)
2.命令行指定
需要詳細瞭解cnpm的朋友請前往官網https://npm.taobao.org/ 查看
在cmd中輸入npm install -g cnpm –registry=https://registry.npm.taobao.org 即可將npm指向國內鏡像源,之後輸入cnpm -v
如果出現警告更換這條命令:npm --registry=https://registry.npm.taobao.org install cnpm -g
在這裏插入圖片描述
接下來我們就可以用cnpm代替npm了
安裝模塊
npm install [name]
npm install
npm run dev
3.編輯 ~/.npmrc 加入下面內容
registry = https://registry.npm.taobao.org

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章