脚本宝典收集整理的这篇文章主要介绍了小白上学のwebpack+vue初级使用指南,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
写这篇文章的时候先说一下原因:
webpack:现在很流行的打包工具;推荐原因:学习成本比gulp,fis3等简单,就是这么直接!
vue:国人开发的MVVM框架,一点都不逊于recat,vue2.0的执行速度比recat都快!推荐原因:http://www.cnblogs.com/terry0...这里很权威。但我们今天学的是vue1.0,原因:vue2.0我还不会(^_^)!而且新手还是vue1.0学习为主吧。原因:中文文档全,学习曲线简单,很容易上手。
课程开始:
需要技能:
1>.node.js环境
2>.npm 会使用 (我的笔记中有smart-npm可以解决npm慢的问题)
3>.vue 最基本的{{}}符号会用(不会的去vue官网看5分钟教程就会)
4>.ES6 基本知道import是什么东西就行
适用学习人群:用过vue,但不知道如何和webpack一起结合使用的迷茫者;
项目创建
这里已经安装过nodejs,npm,webpack
1.用命令行工具进入你需要创建模板文件夹输入:
$ mkdir myvuetest
$ cd myvuetest
$ npm init
你会发现文件中出现了package.json暂时不用管;
2.在项目目录下新建index.html