windows下搭建web HTTP服务

一.基于node.js下的http-serve搭建http服务

http-server的全局安装
npm install http-serve -g ( -g 全局安装 )

二.使用webpack-dev-server搭建服务

npm install webpack-dev-server@2.9.3 --save-dev

然后修改配置文件

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

并且在package.json里面编写开发启动脚本命令

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

打包时需要的配置和开发时需要的配置分离

三.vue-cli脚手架

vue-cli脚手架cli时command-line Interface，成为命令行界面，俗称脚手架
使用vue-cli可以快速搭建Vue开发环境以及webpack相关配置

3.1vue-cli安装

npm install -g @vue/cli 

拉取 2.x 模板 (旧版本)
Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init

vue init 的运行效果将会跟 [email protected] 相同
然后初始化一个项目

vue init webpack my-project

四.箭头函数=>的使用