今天開始瞭解學習 Three.js 時，在Github上學習一個Demo【webpack-typescript-starter】，在vs code中配置環境運行項目時，
npm install出現了問題，有很多 npm ERR!.
可能是你懂得網絡的問題，使配置文件下下來，總之有好多錯誤，忘截圖記錄了…
經過一天的倒騰，終於成功了！主要是解決了以下三個問題，在此記錄一下，希望給有相似問題的小夥伴一個參考。參考的原文的解決方案在文末有鏈接，我是整合自己成功配置的內容方式。
1. 如何使用鏡像 npm
npm全稱Node Package Manager，是node.js的模塊依賴管理工具。由於npm的源在國外，所以國內用戶使用起來各種不方便，在使用時故會導致環境配置失敗。
解決辦法是翻牆或者使用淘寶鏡像cnpm下載；
下面整理出了一部分國內優秀的npm鏡像資源，國內用戶可以選擇使用。
以阿里npm鏡像舉例：
在vs code 項目終端 或 cmd 輸入：
npm --registry https://registry.npm.taobao.org install express
npm config set registry https://registry.npm.taobao.org
配置後可通過下面方式來驗證是否成功
npm config get registry
或者是
npm info express
安裝好 npm 後，在繼續安裝 cnpm
cnpm安裝配置方法
同理在vs code 項目終端 或 cmd 輸入：
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用
cnpm install express
2. node-sass安裝失敗
nodejs – node-sass安裝失敗
安裝 node-sass 的時候總是會各種不成功，nodejs – node-sass安裝失敗的原因是被牆了。
首先要知道的是，安裝 node-sass 時在 node scripts/install 階段會從 github.com 上下載一個 .node 文件，大部分安裝不成功的原因都源自這裏，因爲 github Releases 裏的文件都託管在 s3.amazonaws.com 上面，而這個網址在國內總是網絡不穩定，所以我們需要通過第三方服務器下載這個文件。
使用淘寶鏡像
直接運行下面的命令即可：
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass
我們可能更希望能直接使用 npm install 安裝所有依賴，所以我的做法是在項目內添加一個 .npmrc 文件：
將下面內容複製到.npmrc文件中
phantomjs_cdnurl=http://cnpmjs.org/downloads
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
這樣使用 npm install 安裝 node-sass 和 phantomjs 時都能自動從淘寶源上下載，但是在使用 npm publish 的時候要把 registry 這一行給註釋掉，否則就會發布到淘寶源上去了。
然後設置sass路徑
set SASS_BINARY_PATH=D:/nodejs/.nodes/win32-x64-57_binding.node
然後安裝node-sass模塊
npm i node-sass -D --verbose
3. webpack-dev-server報錯
webpack-dev-server’ 不是內部或外部命令，也不是可運行的程序
報錯信息
'webpack-dev-server' 不是內部或外部命令，也不是可運行的程序或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vuedemo3@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vuedemo3@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-10-20T10_23_54_162Z-debug.log
先檢查本地電腦的 node版本是否與搭建的項目時一樣
終端輸入
node -v
-
將本地的
node-modules文件刪除 -
使用以下命令安裝依賴
npm i webpack-dev-server -D
-
重啓vs code
-
再次在該項目下安裝依賴
npm install
然後再運行
npm start
我報錯的項目在經過上面的配置修改之後，npm install完，npm run dev 時又出現了問題。
用nmp start啓動則成功了！
npm run dev 報錯
missing script: dev
【解決方案】
npm run dev 報錯：missing script:dev
【參考及相關解決方案】
