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

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

前言

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

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模板的新项目),点击回车运行命令后会产生如下一些询问,照着下图设置即可

         

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

         

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

         

项目搭建结束

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

猜你喜欢

转载自www.cnblogs.com/wanghao123/p/9182337.html