一、安裝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 install -g cnpm --registry=https://registry.npm.taobao.org
將以上命令中npm使用cnpm代替,即可使用淘寶鏡像
2、在 npm install 安裝項目依賴時,不要使用淘寶庫,不然可能會缺少依賴文件
九、編譯打包 cnpm run build
會編譯打包到項目dist文件夾下,然后我們就可以部署到服務器上(注意:如果你直接打開index.html,可能頁面會是一片空白,這是由於你引用的js路徑有問題)