不得不理清楚的练手项目----Vue电商项目(1)

目标:
1.基于Vue初始化项目
2.基于Vue技术栈进行项目开发
3.用Vue第三方组件进行项目开发
4.说出前后盾分离的开发模式

开发模式:
前后端分离:前端基于Vue技术栈的SPA项目

技术:
前端:Vue,Vue-router,Element-UI,Axios,Echarts
后端:Node.js,Express,Jwt,Mysql,Sequelize

项目开始:
1.初始化:安装Vue脚手架—通过脚手架创建项目—配置Vue路由—Element-UI组件库—axios库—初始化git远程仓库—将本地项目托管到GitHub或者码云中
安装脚手架
查看是否安装成功并创建项目

不得不理清楚的练手项目----Vue电商项目(1)_第1张图片
不得不理清楚的练手项目----Vue电商项目(1)_第2张图片
添加插件
添加依赖
不得不理清楚的练手项目----Vue电商项目(1)_第3张图片
添加秘钥显示错误:[email protected]: Permission denied (publickey).
此时删掉秘钥再来一遍即可,我删掉两次才成功。
接着新建仓库,接着全局配置,再做远程连接
安装mysql
使用postman软件测试接口:
不得不理清楚的练手项目----Vue电商项目(1)_第4张图片
PHPstudy导入数据库报错,cmd一闪而过,因为mysql冲突,之前安装过mysql,修改api资源目录的config>default.json修改db_config里的“user”和“password”,再去powershell,转至api目录运行app.js就能跑起来,postmen测试接口也能用了。

你可能感兴趣的:(vue,vue.js)