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