vue2饿了吗之路第一篇:开发环境准备

项目地址:https://github.com/wanghao12345/elmvue

前言

本项目采用官方提供的vue-cli脚手架进行搭建,所以在正式进行项目的搭建前,须要自行安装node、cnpm、git等环境,在这里再也不详细介绍这些环境的安装。若是有不会的,能够去网上查找相关的文章以及教程进行安装,固然也能够给我留言,我会尽快给你解答的。node

github建立项目

  • 首先在github中建立elm仓库
  • 创建create-environment分支而且切换到create-environment分支
  • 使用git将elm下载到本地

vue-cli脚手架构建项目

  1. 首先使用命令行工具运行:cnpm install --global vue-cli(安装全局vue-cli)
  2. 命令行工具放到elm项目文件夹的同级,而后运行:vue init webpack elm (使用vue-cli建立一个基于webpack模板的新项目),点击回车运行命令后会产生以下一些询问,照着下图设置便可

         

安装完成后会有以下的提示:webpack

         

 此时说明咱们的vue项目环境已经搭建完毕,运行命令:cd elm,进入项目,而后再运行:npm run dev或者cnpm run dev就能够将项目跑起来了,根据提示在浏览器输入:localhost:8080就能够看到以下显示效果git

         

项目搭建结束

项目搭建到这里就结束了,剩下的就须要进行代码的提交以及代码的合并了,这块就不作详细的介绍了,最后的项目结构以下:github