Vue.js安裝

環境

作業系統：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
[email protected] (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/parse_argv.js)
[email protected] (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
[email protected] (/usr/programe_files/node-v6.10.1/bin/node)
[email protected] (/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
> [email protected] 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           

這裡報了個警告，适合是

nodejs

報的，網上解釋，最新版都這樣，不确定，咱是後端開發，不懂。

由于我是安裝在虛拟機中的，是以我的通路位址是http://192.168.11.130:8080/。

結果沒有顯示。

Linux的安全機制很高的，需要在防火牆給端口

8080

開後門。

# centos7 預設是安裝了firewalld防火牆的
# 永久開放端口
firewall-cmd --permanent --add-port={9200/tcp,9100/tcp,5601/tcp, 8080/tcp}
firewall-cmd --permanent --zone=public --add-port=8080/tcp
firewall-cmd --permanent --zone=public --add-port=8080/udp
# 重新開機防火牆
firewall-cmd --reload
# 檢視防火牆狀态
firewall-cmd --state
# 顯示目前的設定
firewall-cmd --list-all           

這樣就可以通路了。

國内優秀npm鏡像推薦及使用

https://cn.vuejs.org/v2/guide/installation.html