1. 安装webpack
npm install webpack -g
2. 安装Vue脚手架
npm install vue-cli -g
3. 进入工作空间,cmd开启命令行
4. 创建Vue工程
vue init webpack-simple name(not chinese)
如果创建1.0工程的话
vue init webpack-simple#1.0 name(not chinese)
5. 安装项目依赖
npm install
6. 安装路由Vue Router 和网络请求Vue Resource
npm vue-router vue-resource --save
7. 启动工程
npm run dev
8. 独立构建和运行时构建
独立构建:包括编译和支持template选项。它也依赖于浏览器的接口的存在,所以不能使用他来为服务器端渲染
运行时构建:不包括模板编译,不支持template选项,可以用render选项,但它只在单文件组件中起作用,因为单文件组件的模板是在构建时预编译到render函数中,只有独立构建大小的30%,只有16kmin+zip大小。
网友评论