官方文档链接
vue3.0设计目标:
更快:
Object.defineProperty ---Proxy
Virtual DOM重构
更多编译时优化
1.搭建脚手架项目
1.安装淘宝镜像cnpm
npm install -g cnpm -registry=https://registry.npm.taobao.org //window系统
sudo npm install -g cnpm -registry=https://registry.npm.taobao.org //mac系统要在前面添加sudo
检测是否安装成功
cnpm -v
2.安装@vue/cli
cnpm install -g @vue/cli //使用淘宝镜像安装脚手架
vue --version //检测是否安装成功
创建项目
vue create vue3-demo //创建项目(名称为vue3-demo)
cd vue3-demo //进入目录
code . //使用命令打开code
npm run serve //启动vue项目
2.vue项目开发
1.开发项目流程---产品立项
客户的需求分析---整理需求文档---项目成立会
2.开发项目流程---产品原型
设计产品原型图----Axure RP工具等
UI设计----PS工具,IA工具等
3.开发项目流程---项目开发
项目需求分析
项目工期评估
项目责任划分
前端:
静态页面制作
前端框架选型
前端页面架构
后端:
数据库开发
API接口文档
API接口实现
4.开发项目流程---项目测试
开发测试
单元测试
E2E测试
灰度测试
功能测试
压力测试
服务器测试
用例测试
线上测试
指定群体测试
反馈收集
版本迭代
5.开发项目流程---项目上线
打包前端模块
远程服务器部署
监控异常
3.初始化项目
静态布局demo
数据接口api
Vue脚手架搭建
创建远程仓库
创建远程仓库
初始化git,自带.git文件,登录到GitHub上,创建远程仓库,使用Public公开的,因为私人的是收费的
使用SSH,使用命令创建远程仓库
git remote //查看远程仓库
git remote add origin 在GitHub上的SSH的地址 //创建远程仓库名称origin,再把github上的地址复制过来
git push origin master //把代码push到远程仓库origin喝远程仓库master
git checkout -b dev //创建开发分支
git push origin dev //把代码提交到开发分支
创建分支开发
git checkout -b createComponents //创建并切换到createComponents分支