# class_doc

**Repository Path**: czb0417/class_doc

## Basic Information

- **Project Name**: class_doc
- **Description**: 上课所使用的文档内容，包括ppt等文件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 8
- **Created**: 2024-09-29
- **Last Updated**: 2024-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 大家努力过四级，有条件的，争取过六级
## 搜索技术问题千万不要用 百度，最差也要用 [必应](https://cn.bing.com/)
## 请仔细阅读文档！！！！！！！！！！非常重要

# npm 下载慢？
npm 官方源 
```js
// 国外的官方源
npm config set registry https://registry.npmjs.org/
```

由于不知名原因，`npm` 目前 timeout, 无法安装库。大家在执行 `npm install` 之前，先配置`npm`的地址，从国外转回到国内。执行下列命令即可。
```js
npm config set registry https://registry.npmmirror.com
```
执行完该命令，相当于所有的包都在国内，安装及加载速度会变快。之后执行 `npm install` 或类似的命令即可。
如果上面的那个源很慢，可以再次切换源
```js
// 腾讯源
npm config set registry http://mirrors.cloud.tencent.com/npm/

// 华为云源
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
```

如果使用 `npm`太慢或者无反应，大家可以先安装`cnpm`，在命令行里面执行
`npm install cnpm -g --registry=https://registry.npmmirror.com`，等安装完成之后，就可以使用`cnpm`了，`cnpm`基本跟`npm`一样，原来使用`npm`的都可以使用`cnpm`安装。比如`npm install` 可以修改为 `cnpm install`等。

## 上课前的准备

1. **软件准备**

   1. 安装好 vscode
   2. 安装好 node
   3. 安装好 git

2. **需要安装的 VScode 插件(暂时)**

   1. Vue - Official,   Vue Language Features (Volar) 改名后就叫 Vue - Official，所以大家直接安装[无法安装？看问题大全的第一点](./问题大全.md)
   2. Vue VSCode Snippets -- vue 快速代码提示及补全，<span style="color:red">选装</span>

3. **克隆自己的仓库到本地，所有的代码在仓库中编写**

   1. git 常用命令
      ![](./images/git_command.png)
   2. 打开命令提示符(cmd)或其他 git 图形工具
   3. 执行克隆命令 `git clone`，将代码克隆下来。代码克隆成功后，你仓库的叫什么名字，在本地就会创建一个该名字的文件夹。比如下图中仓库名叫 `class_doc`，那么在 C 盘中的 Users 文件夹的 lenovo 文件夹中(为什么是在这里？因为是在这个路径下克隆的仓库。`C:\Users\lenovo>`，在哪个路径下克隆的仓库，你的仓库就存放在哪里。)就有一个文件夹叫 `class_doc`。进入的这个 `class_doc`的文件夹内，所有的代码都在这个文件夹内编写。  
      ![](./images/git_clone.png)

4. **把 vue 应用启动起来。**

   1. vue 应用的文件夹，目前大部分同学都是 `vue-project`文件夹，项目目录如下  
      ![](./images/vue_project_struct.png)
   2. 进入到 vue 应用的文件夹。在自己仓库名的文件夹内执行 `cd vue-project`命令。下图中`21sofrware_class1`是仓库名，然后`vue-project`是 vue 的应用文件夹。  
      ![](./images/repo_name.png)
   3. 执行 `npm i` 命令，安装依赖包即`node_modules`文件夹(如果你原来就有这个`node_modules`，就不用执行 `npm i`，直接下一步), <span style="color:red">在 `vue-project`文件夹内</span>
      ![](./images/npm_i.png)
   4. 执行`npm run dev`， 启动 vue 应用 , <span style="color:red">在 `vue-project`文件夹内</span>
      ![](./images/npm_run_dev.png)

5. **建议安装的浏览器(Microsoft Edge，Chrome)插件**
   1. 如何安装： 访问插件市场([Microsoft Edge](https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home?hl=zh-CN), Chrome浏览器需要自己去下载插件并安装)，然后在插件市场的搜索框内输入插件名称，之后从搜索结果中添加想要的插件。
   2. 插件清单
      1. Vue devtools  
         ![](./images/vue_devtools.png)
         1. 安装完之后就可以方便的看到组件，路由，vuex
            1. 安装之后，关闭你的当前的vue浏览器窗口，重新打开，然后F12，就会出现一个Vue的选项卡。
               ![](./images/vue_tools_F12.png)
            2. 组件 Components
               ![](./images/vue_devtools_components.png)
            3. 路由 route
               ![](./images/vue_devtools_route.png)
            4. vuex
               ![](./images/vue_devtools_vuex.png)