vue2.0新手发车（一）：使用webpack构建项目

vue2.0新手发车（一）：使用webpack构建项目

作者：KoviiMa

---

环境搭建：

• 安装vue-cli

  npm 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配置文件