vue2.0新手发车(一):使用webpack构建项目
2017-01-05 14:08
627 查看
vue2.0新手发车(一):使用webpack构建项目
作者:KoviiMa环境搭建:
安装vue-clinpm install -g vue-cli
创建vue项目
语法:
vue init <template-name> <project-name>
template-name 为模版名称
参考值:webpack/webpack-simple
webpack-simple 创建的项目配置文件相对简单,参考项目:vue_2.0_simple_demo
而使用webpack创建的项目配置相对完善与结构清楚,参考项目:vue_webpack_demo
安装依赖
npm i
启动vue应用
npm run dev
安装其他需要的组件(vue-router,vue-resource,vuex)
npm install vue-router vue-resource vuex --save
初始化工作就算是完成了,之后可以进行代码编写了。
下一篇:vue2.0新手发车(二):package.json配置文件
相关文章推荐
- 使用webpack构建前端项目
- 详解Web使用webpack构建前端项目
- vuex在vue-cli和webpack构建的项目中的简单使用
- webpack构建VUE项目使用jquery及其插件 expose-loader
- 使用vue-cil构建vue2项目,webpack打包项目
- windows/mac 使用webpack构建vue项目
- 从零开始-使用React+Webpack+Nodejs+Express快速构建项目
- webpack+vue 构建项目步骤并且使用sass 安装配置
- 使用VUE2.0构建webpack项目
- 使用webpack构建vue-cli项目,写scss脚本语言报错
- [react001] 使用webpack自动构建react 项目
- vue2.0 使用webpack搭建项目遇到的最搞笑的坑
- 使用Maven构建Web项目的目录结构
- Eclipse使用技巧:web项目构建时如何不删除WEB-INF/classes下的文件
- 使用maven构建web项目
- Maven学习(四)- 使用Maven构建Web项目-测试
- Maven的学习资料收集--(四)使用Maven构建Web项目-测试
- Maven的学习资料收集--(三)使用Maven构建Web项目
- 使用Maven构建Web项目
- 使用Eclipse的maven构建一个web项目