# WH2309

**Repository Path**: zuozhaoxi/wh2309

## Basic Information

- **Project Name**: WH2309
- **Description**: WH2309随堂代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-01-29
- **Last Updated**: 2024-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WH2309 三阶段  (10周)



# 第一周    2.2    （v2）
# 第二周    2.23    (v2)
# 第三周    3.1     (v2项目)
# 第四周    3.8     （讲v3项目)

# 第五周    3.15     （v3项目）

# 第六周    3.22      （react)
# 第七周    3.29       (react项目)
# 第八周    4.5        （小程序 重要 )

# 第九周    4.12        （小程序项目）
# 第十周    4.19        (鸿蒙课程)

# 第十一周  4.26        (就业周)



# 上课时间
# 8:30 - 8:50   
# 9:00 - 10:30
# 10:40 - 12:00 


# 13:50 - 15:50 
# 16:10 - 18:00 

# 19:00 - 21:00 


#  迟到早退 
#  请假  (先找讲师  再去找班主任  18086417861 )
#  课堂不要玩手机  看视频  打游戏  




#  要素 (100分)  60 
#  1. 面试题     20
#  2. 代码量     20
#  3. 沟通能力   20  
#  4. 项目程度   40
#  5. 学历年龄   20 （-20）
#  6. 颜值（运气值） 10      


# 代码版本控制工具  
# GIT  SVN




# Remote 远程主机
# repository 本地仓库 
# index  暂存区  (临时存储代码 隐藏文件 )
# workspace  本地工作区  (写代码的地方)


# git add  把代码添加到本地暂存区
# git commit  把暂存区的代码 提交到本地仓库  
# git push   把本地仓库代码 提交到远程主机仓库 

# git pull 拉取代码到本地工作区
# git checkout  切换分支  dev  test   master  （合并分支） 
# git clone  克隆一个远程仓库到本地仓库  (老仓库)   （一台设备只克隆一次）
# git fetch  拉取部分改变的代码到本地仓库  （每天执行）


# Git 全局设置:
# git config --global user.name "名字"
# git config --global user.email "邮箱"

# git init   初始化一个仓库 (暂存区)

# git remote add origin https://gitee.com/zuozhaoxi/wh2309.git    (链接远程仓库和本地仓库)



# 推送代码到远程仓库 

# git add  把代码添加到本地暂存区
# git commit -m "注释"  把暂存区的代码 提交到本地仓库  
# git push origin master   把本地仓库代码 提交到远程主机仓库 


# 拉取代码 
# git pull origin master  拉取代码到本地仓库  (多人协作)

# git status  查看文件状态  

# git log    查找日志 



# 分支

# 本地分支

# 远程分支 

# git branch 查看分支 

# git branch dev  

# ZUOZUOZUOZUOZUZOUOZUO

# git merge dev    (master)  把dev 合并到 master  

# git merge master  (dev)    把 master 合并到  dev 

# git checkout dev   (切分支之前必须保证 当前所在分支已经commit 提交过代码 )




# 推送分支
# git push origin master:master 
# git push origin dev:master 把 本地的dev 分支推送到远程的 master 
# git push origin dev    把本地的dev 推送到远程的 dev
# git push origin master:dev     把本地的 master  推送到远程的 dev


# 拉取分支
# git pull origin master  把远程的master 拉取到本地的 master
# git pull origin dev  把远程的 dev 拉取到本地的 dev 
# git pull origin test:dev   把远程的 test  拉取到本地的 dev 


# git branch -d branch_name  删除分支 

# git push origin --delete branch_name 删除远程分支 

# Vue3 项目

# Vue3 电商 

# 功能点

# 登录 

# 注册

# 找回密码

# 首页

# 商品详情

# 购物车

# 订单

# 结算 

# 地址管理 

# vue3API  

# 查看版本 node -v npm -v cnpm -v

// 安装 cnpm 并添加淘宝镜像
npm install -g cnpm --registry=https://registry.npmmirror.com

cnpm i yarn -g
yarn -v

npm create vite@latest myapp -- --template vue
cd myapp    (切换到项目里面去)
cnpm i     (安装插件)
npm run dev   (启动项目)

npm run start 
npm start  启动项目  


vite 项目目录讲解  
node_modules 工具包 插件包  
public  公共目录 （静态文件  图片 CSS）
src     开发工作区 

# main.js  主入口文件 

.gitignore  git忽略上传的文件  
index.html  主页  （Vue项目只有一个 HTML ）
package.json  项目的配置记录文件 
vite.config.js  vite 的官方配置文件 


script = js
style  = css
template = html



# 路由 
# https://router.vuejs.org/zh/introduction.html 
cnpm i vue-router -S 



# onMounted  在组件挂载完成后执行。 得到真实的DOM  （虚拟DOM 假DOM）

# ref 绑定一个 ref 的响应式数据   通过 xxx.value 来修改 

# v-on:click  绑定一个点击事件  @click  

# v-bind  绑定一个属性  attribute  value src link href data-id title   缩写 : 

# v-if 显示隐藏  v-show    true 显示  false 隐藏 

# v-for 循环 列表对象 

# v-model 表单数据的双向绑定  input 


# cnpm install -g @vue/cli  

# vue --version 

# vue create xxxx