vue学习笔记

vue学习笔记

1.vue前端项目初始化

在命令行中输入vue ui 进入创建vue项目页面，点击创建，选择自己合适的路径创建新项目。

为项目命名，在Git仓库中选填init projecct（不明白为什么），点击下一步。

在此处可选择手动配置项目，也可以选择之前保存好的预设项目，第一次学习，选择手动配置。
选择需要的功能模块，此除共选择了五个，点击下一步。

配置合适的vue版本，在Linter/Formatter选项中选择标准配置，点击创建项目。

可以根据自己的需要选择是否保存自己手动创建的项目。

配置element-ui。进入主页面，选择插件，点击右上角添加插件。

搜索自己需要的element插件，选中之后点击右下角的安装按钮。然后对插件进行配置，建议用户将Fully import更改为import on demand，这样能够按需导入，简化程序。

配置axios，支持我们发起网络数据请求。选中依赖，在依赖中点击添加依赖按钮。在添加依赖中增加一个插件。

搜索axios，选中之后点击安装按钮。

到此为止，我们基本上完成了前端项目初始化的所有步骤。包括通过vue脚手架创建项目，配置Vue路由，配置element-ui组件库，配置axios库。

2.后台项目的环境安装配置

安装MySQL数据库，安装Node.js环境，配置项目相关信息，启动项目，主要使用Postman测试后台项目接口是否正常。
后台api项目先安装依赖项 。然后将api接口项目跑起来。

输入命令，将node.js后台运行起来。

此处出现了错误，原因是本机电脑的数据库密码与代码中的密码不相符，经过更改解决问题。

用postman进行测试，返回结果为404，根据返回给node.js的信息，进行数据库的创建。
下图表示postman接口运行正常。