vue 项目yarn vue 项目初始化

Vue学习（一）初始化

• Vue项目的初始化安装

• 前端项目初始化步骤
• 后台项目初始化步骤

Vue项目的初始化安装

按照黑马程序员Vue全家桶写的笔记

前端项目初始化步骤

1. 安装Vue脚手架，只需全局安装一次 ；
   1.1.先安装node，ndoe.js官网：https://nodejs.org/zh-cn/；下载好后傻瓜式安装，然后将解压路径配置到环境变量，win打开cmd，输入node - v，出现版本号证明安装成功。
   注意npm是node里自带的下载插件工具，之后如果感觉npm下载太慢可以用阿里给出的方案npm install cnpm -g，然后用cnpm代替npm。
   1.2输入的命令可以参考其他博客
3. 通过Vue脚手架创建项目， 通过Gui可视化界面创建项目，cmd后命令行输入vue ui；



4. Babel,Router路径,Linter,Vuex（可选），使用配置文件必选，配置中linter中选择 standard config



5. 配置Vue路由 ，选择Router即已经安装完成；
6. 配置Element-UI组件库 ，添加插件，搜寻vue-cli-plugin-element，点击选中后安装即可，在配置中选择import on demand，因为默认的是配置所有，比较臃肿；
7. 配置axios库，发起网络数据请求，选择安装依赖axios，选中后在运行依赖中进行安装；
9. 初始化git远程仓库，注册码云gitee.com，在设置中配置自己的SSH公钥，根据教程生成pub文件复制生成的公钥，粘贴到码云公钥中，然后再根据教程进行测试是否可用；

新建仓库（只需填项目名字），然后根据入门教程在命令行运行命令即可。

7. 将本地项目托管到Github或码云中，点击新建的仓库，根据提示教程一步步来，按照已有仓库的步骤来，要注意不要输错账号密码，邮箱密码，在配置成功后，仓库会显示出已有的东西 ；

后台项目初始化步骤

2. 安装MySQL数据库，https://www.xp.cn/安装phpstudy，里面有mysql数据库，然后加载数据库文件。默认密码root，加载好文件后打开数据库目录检查是否成功，在mysql中data文件夹中会出现和数据库同名的文件；



3. NodeJs环境安装，在安装Vue脚手架时已经安装好；
4. 配置项目相关信息，在后端项目中打开PowerShell窗口，输入npm install安装依赖项；
6. 启动项目，安装完成后，再输入node .\app.js运行把api接口项目跑起来；



8. 使用Postman测试后台项目接口是否正常，官网地址：https://www.postman.com/，首先要明确接口地址，各个接口的调用方法，路径和参数，如登陆接口；



9. 然后在postman中输入相应的方法路径参数，如下图所示。点击Send，会返回相关信息



10. 成功时的界面