vue.js的安裝部署+cnpm install 安裝過程卡住不動----親測可用

1、到Node.js的官網下載node

node.js的下載地址，下載完成后，我在d盤新建一個文件夾“node”, 安裝到node目錄下（安裝之后環境變量自動配置了，自己無需再配），比如我的安裝路徑是：D:\node     ps:安裝路徑是自己自定義的。

 

2、安裝淘寶鏡像服務器

安裝完node后，打開cmd，輸入命令進入node文件夾目錄，安裝淘寶鏡像服務器（代理服務器下載依賴包速度比較快），

輸入命令

 

npm install -g cnpm --registry=https://registry.npm.taobao.org  

按回車，等待完成。

3、查看淘寶鏡像服務器的版本。（此步驟也可忽略）

安裝了淘寶鏡像服務器就可以用cnpm命令了

輸入命令

cnpm -v

 

 

4、用淘寶的鏡像服務器全局安裝vue-cli

輸入命令

cnpm install -g vue-cli

回車並等待安裝完成。

安裝了vue-cli之后，就可以用vue指令了。

 

5、安裝webpack模板

輸入命令

vue init webpack myProject

ps:"myProject"可以自定義。

 

6、創建項目，並輸入各種信息

剛剛安裝了webpack模板，現在要創建項目，並輸入名稱，描述，作者等

輸入命令

項目名稱， 描述， 作者都可自定義。

項目創建成功后，我們可以打開node文件夾目錄，可以看到myProject。

 

7、安裝依賴（node-modules）

用命令進入剛剛創建的"myProject"。

 

安裝依賴

輸入命令

cnpm install

回車並等待完成。

安裝完成后，我們可以打開“node”文件夾下的“myProject”，發現多了個node-modules文件夾，這個就是我們要的依賴，有了它，服務器就能跑起來了。

 

8、運行服務器

輸入命令

npm run dev

按回車並等待完成。

如果出現如下：

恭喜你，已經完成vue的安裝部署。

現在可以打開瀏覽器輸入上面紅色框的url，看看自己的第一個vue項目吧！

 

原帖鏈接地址     http://blog.csdn.net/B_evan/article/details/53186367

 

npm install 安裝過程卡住不動

 Thursday, 13 March 2014, 00:00:00   npm     javascript   Edit on Github

修改 npm 的安裝目錄下的 npmrc文件 增加一條 registry=http://registry.cnpmjs.org

$ npm config set registry http://registry.cnpmjs.org

就可以解決此問題了.

prefix=${APPDATA}\npm registry=http://registry.cnpmjs.orgyuqn