vue搭建本地服务小白错误

1-背景：

我们在利用vue构建项目时，新增或修改html、js都需要利用webpack打包，然后在执行程序。如果我们要跳过这个步骤，直接所改即所得，就要去搭建一个本地服务器。

 

2-使用webpack-dev-server搭建。

本地服务器安装：npm install webpack-dev-server@2.9.3 --save-dev (dev是开发依赖）

在安装时，我把webpack-dev-server写成了webpack  -dev  -server，所以并没有安装成功，所以要注意在控制台的格式噢。

配置webpack.config.js：

contentBase:为哪一个文件夹提供服务，默认是根文件

port:指定服务器端口

inline:页面实时刷新

 

	devServer:{
			contentBase:'./dist',
			inline:true
	}

3-配置路径

在package.json包的scripts里：

open:是默认打开浏览器

 

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "dev": "webpack-dev-server --open"
  }

这样，就可以通过npm run dev执行服务器拉。