vue3学习笔记

183 阅读2分钟

官方文档链接

www.vue3js.cn/docs/zh/gui…

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分支