2021-03-12

第一个vue程序

vue框架是一个高效便捷的前端框架。今天我们来看一下如何新建和启动vue程序。

---

一、安装环境

安装vue之前，需要安装nodejs,淘宝镜像，之后就能安装vue。具体步骤可以网上搜索。

二、使用步骤

1. 首先在创建项目的位置打开命令行，执行vue ui,这样vue就为我们打开一个本地链接（默认端口8000，由于我已经新建过一个vue项目，现在端口变为8001）。
   

2. 点击新建，就能在自己需要的位置新建vue项目。

3. 输入项目名称，点击下一步，这里可以使用默认配置，也可以使用手动配置。这里我选择手动配置，并将路由Router和状态管理Vuex打开,继续下一步
   在这里插入图片描述

4. 打开为路由使用历史模式，点击创建项目，点击创建项目，不保存预设即可。随后等待创建项目完成。


5. 创建完成，打开任务栏，启动项目，点击参数，查看运行结果和页面地址为本地8081端口。输入localhost:8081即可查看项目首页。

6. 若要在IDEA中进行开发，需要IDEA安装Vue.js插件。使用IDEA打开创建的项目，即可看到完整的vue项目结构并且能够方便的进行开发。