vue + webpack 安裝和配置

一：全局安裝 vue-cli

1. 安裝vue-cli

npm install -g vue-cli

安裝該代碼的時候，我出現了報錯，我執行了  rm -rf /usr/lib/node_modules/vue-cli  將之前的安裝刪除了，重新安裝，通過

2. # 創建一個基於 "webpack" 模板的新項目

vue init webpack my-project

3. # 安裝依賴，走你

cd my-project
npm install

執行npm install的時候報錯，是網絡問題造成的，我執行了了

cnpm install

通過。

4.通過上面，我們就安裝完成了，下面執行一下（develop方式）：

由於我是在阿里雲上面的，因此，我需要配置一下ip

打開文件： my-project/build/dev-server.js

修改uri爲：

var uri = 'http://120.24.37.249:' + port

您換成自己的ip即可。

如果您想更換端口，可以到my-project/config/index.js中修改：

dev: {
    env: require('./dev.env'),
    port: 8080,

將8080改成你想要的端口即可

進入my-project目錄，執行

npm run dev

即可，執行的log爲：

 DONE  Compiled successfully in 5078ms                                                                                                  1:03:18 PM

> Listening at http://120.24.37.249:8080

然後就可以訪問了：

http://120.24.37.249:8080/

參考文章：

https://segmentfault.com/a/1190000006852262

https://segmentfault.com/a/1190000006852262

npm run dev