vue.js的安裝部署+cnpm install 安裝過程卡住不動----親測可用
剛接觸vue,js,我在這裡給出vue.js的安裝部署過程,希望剛學的vue.js的學者少走彎路。廢話不多說了,直接走你!
我把vue.js的安裝步驟分為8個:
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 的安裝目錄下的 npmrc檔案 增加一條 registry=http://registry.cnpmjs.org
$
npm config set registry http://registry.cnpmjs.org
就可以解決此問題了.
prefix=${APPDATA}\npm
registry=http://registry.cnpmjs.orgyuqn
原帖連結地址:http://blog.csdn.net/B_evan/article/details/53186367