# myvue

**Repository Path**: jflearn/myvue

## Basic Information

- **Project Name**: myvue
- **Description**: 记录vue学习过程的仓库。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-25
- **Last Updated**: 2023-10-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# myvue
## 吐槽
#### 2023年8月30日15:01:36 vue2 学完喽 ！！哈哈哈 :tw-1f1e8-1f1f3: 
#### ~2023年7月27日14:13:58 课程还没跟完~
## 介绍
记录vue学习过程的仓库。
一共跟了两个教程：
#### [1.B站vue2网课](https://www.bilibili.com/video/BV12J411m7MG/?spm_id_from=333.337.search-card.all.click&vd_source=0b8637bbafbd6a23784a1868fad99e0d)
知识仅仅入门没有涉及到组件化开发，作为体验Vue使用。
#### [2.B站vue23网课](http://www.bilibili.com/video/BV1Zy4y1K7SH?p=1&vd_source=0b8637bbafbd6a23784a1868fad99e0d)
知识比较系统包括Vue2和Vue3,其中的前P61节课没有用到组件化开发，可以直接打开html。
P61~P168 涉及到组件化开发，需要搭建Vue环境，后面还有Vuex环境等等....
（`myvue\vue23\尚硅谷`是视频配套资料）
## vue2使用说明
全部课程，都是引入的在线vue.js，直接打开.html文件就行了
## vue23使用说明
#### A.单文件开发
P61节课之前，直接引入的在线的vue，同上直接打开.html文件就行了
#### B.vue_test项目
P61-P132节课，新建了一个vue_test项目，`myvue\vue23\P61_使用脚手架\vue_test`,采用修改src目录的方式
每完成一个知识点，就备份一个src目录。以`src_`+`P课程编号`+`涉及知识点`命名。
1.  配置好npm和vue环境
```shell
PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm -v
9.6.7
PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> vue -V
@vue/cli 5.0.8
PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> 

```
2.  安装本地依赖（进入到vue_test目录，他是学到组件化开发的时候，创建的一个vue项目。之后的案例直接以修改src文件夹的形式进行。）
```shell
PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> pwd

Path
----
E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test


PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm install

up to date in 2s

```
3.  启动项目
```shell
PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm run serve

> vue_test@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...


 DONE  Compiled successfully in 2448ms                                                                                                            10:31:54


  App running at:
  - Local:   http://localhost:8081/ 
  - Network: http://172.29.228.74:8081/

  Note that the development build is not optimized.
  To create a production build, run npm run build.
```