vue框架饿了吗小项目（基础软件的安装）

最近在学习vue，看了一个视频使用vue cli来创建饿了吗小项目，打算基于vue cli3来实现。这里将遇到的问题和解决办法记载一下，以免时间长忘记了。

第一次接触框架，肯定有很多理解不到位的地方，希望各位看官发现错误能够及时指正，以免误导他人。

vue cli是vue的脚手架工具，将代码检查、书些规范、打包程序等很多插件集中在一起，方便构建网站。安装vue cli3需要先安装node.js这里是node.js的官网，之后点击运行（win + r)，输入cmd，敲入以下代码来安装vue cli3

npm install -g @vue/cli

安装好了之后，便可以使用如下代码来初始化你的项目

vue create 你的项目名称

会有一系列的选项来定义项目使用的插件，这里我推荐一篇文章，详细的讲解了各个选项 选项详解，创建好项目之后敲入以下代码来运行

cd 你的项目名称   //打开你的项目文件

npm run sever    //运行该文件

vue cli3通过监听你的代码来动态更新页面，只需要在浏览器内输入http://localhost:8080便可以访问项目的index.html。（每次都需要npm run serve之后才可以打开你的网站）

vue cli3插件的安装可以通过页面操作来完成，十分的方便。首先在cmd内敲入

vue ui

等着浏览器自动跳转页面，选择你的项目名称，之后在依赖里选择需要安装的插件即可。

这里给出vue cli的官网，便于大家查询更详细的内容vue cli官网