轉載記錄：centos7 安裝淘寶npm鏡像（cnpm），安裝vue.js

原文地址：https://blog.csdn.net/u013066244/article/details/65629175

此內容僅用於記錄！

環境

操作系統：window7 
虛擬機：centos7 
vue.js: 2.8

安裝nodejs

參考其另一篇文章： 
http://blog.csdn.net/u013066244/article/details/63279337

安裝cnpm

由於npm是要訪問外網的，很慢，所以我們可以使用淘寶的鏡像。

百度搜索：淘寶npm鏡像 
可以看到cnpm的淘寶官網。

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

驗證：

[yutao@yutao-19 ~]$ cnpm -v
cnpm@4.5.0 (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/parse_argv.js)
npm@3.10.10 (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@6.10.1 (/usr/programe_files/node-v6.10.1/bin/node)
npminstall@2.26.4 (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/programe_files/node-v6.10.1 
linux x64 3.10.0-514.el7.x86_64 
registry=https://registry.npm.taobao.org

在我的實踐過程中，使用cnpm初始化vue項目時會報錯，所以還是使用npm，把它的源換下就可以啦

更換npm源

npm config set registry https://registry.npm.taobao.org

// 配置後可通過下面方式來驗證是否成功
npm config get registry
// 或
npm info express

http://riny.net/2014/cnpm/

安裝vue-cli

我們已經安裝好了cnpm，所以以後要用到npm的地方，使用cnpm就可以啦

cnpm install -g vue-cli

參數： 
-g 表示全局安裝。不加的話，就是當前目錄安裝。

驗證：

[yutao@yutao-19 ~]$ vue --version
2.8.1

我執行上面的命令雖然安裝OK，但是安裝顯示的過程中，有錯誤。

所以在更換npm源之後，我再次執行：

# 全局安裝 vue-cli
$ npm install --global vue-cli

我本來想先卸載在執行，結果網上我沒有找到方法，想想，再次執行，應該是覆蓋，所以就這麼幹了。

官網的小例子。

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創建一個基於 webpack 模板的新項目
$ vue init webpack my-project
# 安裝依賴，走你
$ cd my-project
$ npm install
$ npm run dev

在執行最後啓動項目後，顯示：

[yutao@yutao-19 my-project]$ npm run dev

> my-project@1.0.0 dev /home/yutao/webvueproject/my-project
> node build/dev-server.js

> Starting dev server...



 DONE  Compiled successfully in 12082ms                                                                                             16:32:04

> Listening at http://localhost:8080

(node:3340) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Exited with code 3