使用vue-webpack-simple模板

开发步骤
1、下载node
2、下载webpack
npm install webpack -g
3、安装脚手架
npm install vue-cli -g
4、根据模板创建项目
simple 完全没用
webpack-simple 用他
webpack 有校验
browserify-simple
browserify

找到文件夹目录下右键运行Git Bash Here
vue init <模板的名称> 项目名称(不用中文)
vue init webpack-simple[#1.0] webpack-simple-demo

项目名称
项目描述
作者
是否用sass
5、cd 项目名称
进入项目文件夹
文件树结构如下:
├─.babelrc // babel配置文件
├─.gitignore
├─index.html // 主页
├─package.json // 项目配置文件
├─README.md
├─webpack.config.js // webpack配置文件
├─dist // 发布目录
│ ├─.gitkeep
├─src // 开发目录
│ ├─App.vue // App.vue组件
│ ├─main.js // 预编译入口
6、安装项目依赖
npm install
7、安装路由和交互
npm install vue-router vue-resource --save
8、启动项目
npm run dev
注意:和browserify不同的是,执行npm run dev命令后并不会在dist目录下生成build.js文件,开发环境下build.js是在运行内存中的(网页f12中的source下)。
9、发布
npm run build

posted @ 2017-08-08 16:16  tong24  阅读(1220)  评论(0编辑  收藏  举报