项目环境搭建:
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 效果如下: