Vue + elementui 实战（1）——项目初始化

跟学黑马程序员的 vue + elementui 实战，每天进步一点点

文章目录

一、安装vue脚手架

0.搭建nodejs环境

1.管理员身份打开cmd

二、通过vue脚手架创建项目

三、配置vue路由等，新项目创建成功

四、配置element-ui库

 五、配置axios库

六、初始化git远程仓库（使用码云）

七、将项目托管到gitee上

0.新建gitee仓库 

1.管理员运行cmd

2.打开本地vue_shop文件夹，shift + 右键打开PowerShell窗口

八、下载phpStudy_pro，配置mysql

九、启动项目

十、使用postman测试接口

---

一、安装vue脚手架

0.搭建nodejs环境

Windows环境下node.js安装及环境配置【超详细】_樱丸小桃子啊的博客-CSDN博客_windows 安装nodejs

1.管理员身份打开cmd

C:\WINDOWS\system32>npm install -g @vue/cli

C:\WINDOWS\system32>vue -V
@vue/cli 5.0.8

C:\WINDOWS\system32>vue ui

二、通过vue脚手架创建项目

三、配置vue路由等，新项目创建成功

 

四、配置element-ui库

 

 

 五、配置axios库

六、初始化git远程仓库（使用码云）

添加ssh公钥（生成/添加SSH公钥 - Gitee.com）

添加成功如下图：

七、将项目托管到gitee上

0.新建gitee仓库 

1.管理员运行cmd

C:\Users\13302>git config --global user.name "wzsl66"

C:\Users\13302>git config --global user.email "XXX@XX.com"

2.打开本地vue_shop文件夹，shift + 右键打开PowerShell窗口

 ①本地git操作

 ②git上传到master

git remote add origin https://gitee.com/wzsl66/vue_shop.git
git push -u origin "master"

解决TLS certificate verification has been disabled!问题：

同时在cmd和git bash中输入下面命令并执行

git config --global http.sslVerify false

八、下载phpStudy_pro，配置mysql

由于本地已有mysql占用3306端口，因此将phpStudy_pro中mysql端口改成3307

创建数据库mydb，将mydb.sql导入此数据库

修改vue_api_server/config/default.json文件

九、启动项目

1.管理员启动PowerShell，cd到vue_api_server目录

npm install

node ./app.js

 

 十、使用postman测试接口

 参考接口文件设置