使用vue-webpack-simple模板

开发步骤
一、下载node
二、下载webpack
npm install webpack -g
三、安装脚手架
npm install vue-cli -g
四、根据模板建立项目
simple 彻底没用
webpack-simple 用他
webpack 有校验
browserify-simple
browserifyhtml

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

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

相关文章
相关标签/搜索