天天看點

centos 7 安裝 Vue

一、安裝npm

yum install -y npm

二、更新元件

yum update openssl

三、安裝Vue

最新穩定版本

npm install vue

最新穩定 CSP 相容版本

npm install vue@csp

四、安裝指令行工具

npm install -g vue-cli

五、建立一個基于 "webpack" 模闆的新項目

vue init webpack vue-project

安裝依賴

cd vue-project && npm install && npm run dev

錯誤

ChromeDriver installation failed Error with http(s) request: Error: connect ETIMEDOUT 172.217.160.112:443 

解決方案 

1、npm install cross-env --save-dev 

2、npm install

六、修改配置檔案vim config/index.js

将localhost 修改成本機IP位址

亦可根據實際情況修改啟動端口

七、啟動項目

npm run dev &

八、使用tips

1、安裝淘寶鏡像

将以上指令中npm使用cnpm代替,即可使用淘寶鏡像

2、在 npm install 安裝項目依賴時,不要使用淘寶庫,不然可能會缺少依賴檔案

九、編譯打包 cnpm run build

會編譯打包到項目dist檔案夾下,然後我們就可以部署到伺服器上(注意:如果你直接打開index.html,可能頁面會是一片空白,這是由于你引用的js路徑有問題)

     本文轉自aaron428 51CTO部落格,原文連結:http://blog.51cto.com/aaronsa/2064466,如需轉載請自行聯系原作者

繼續閱讀