Vue +webpack 项目

项目环境搭建：

1.安装node (node -v查看node版本)

2.全局安装vue-cli

Npm install -g vue-cli

Vue:查看是否安装成功

Vue list：查看可用的模板

3.创建一个基于 “webpack” 模板的新项目

Vue init webpack#1.0 project-name(安装1.0版本)

脚手架工具如下：

-build中配置了webpack的基本配置、开发环境配置、生产环境配置等

-config中配置了路径端口值等

-node_modules为依赖的模块

-src放置组件和入口文件

-static放置静态资源文件

-index.html文件入口

webpack中的一些解释

new HtmlWebpackPlugin 这个插件的作用是把output输出的文件自动插入到html里

1.cd project-name

2.Npm install

3.Npm run dev

4.在浏览器输入localhost:8080 效果如下：