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

自作多情 提交于 2021-02-13 09:36:01

项目地址: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就可以看到如下显示效果

         

项目搭建结束

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!