# vue-study

**Repository Path**: hjingfeng/vue-study

## Basic Information

- **Project Name**: vue-study
- **Description**: vue-study
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 5
- **Created**: 2025-09-10
- **Last Updated**: 2025-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3笔记

## README

# vue-study

## 1、介绍

vue.js 前端开发实践课程学习笔记。[ 笔记仓库地址 https://gitee.com/hjingfeng/vue-study.git ](https://gitee.com/hjingfeng/vue-study.git)

## 2、环境

### 2.1 OS

- Windows
- MacOS

### 2.2 开发/运行环境

- node [官网 https://nodejs.org/zh-cn ](https://nodejs.org/zh-cn)

  ```
   node -v  // 验证

   npm -v   // 验证
  ```
- yarn
  ```
    npm install -g yarn  // 全局安装
  ```

  ```
    yarn -v  // 验证
  ```
  

- Chrome/Firefox
  
### 2.3 编程工具

- Intellij IDEA [官网: https://www.jetbrains.com/idea/](https://www.jetbrains.com/idea/)
- VSCode [官网:https://code.visualstudio.com/](https://code.visualstudio.com/)

  主要插件：

  - Auto Close Tag 
  - Auto Rename Tag
  - CSS Navigation
  - ESLint 静态代码分析工具，保证代码质量
  - HTML Snippets
  - IntelliJ IDEA Keybindings
  - JavaScript (ES6) code snippets
  - Markdown All in One
  - Markdown Preview Mermaid Support
  - Prettier - Code formatter
  - TODO Highlight
  - vscode-icons
  - vue


### 2.4 软件配置管理工具（CM => SCM）

  - git : [官网 https://git-scm.com/](https://git-scm.com/)

  - 验证

  ```
  git -v
  ```

  通用在线 SCM 云服务平台

  - [开源中国 - 国内软件源码托管平台](https://www.gitee.com/)
  - [Github - 全球最大开源软件源码托管平台](https://www.github.com/)

  两种方式

  - 初始化本地
  - 远程仓库 clone 到本地

  #### 2.4.1 初始化本地长宽

  ```
  git init
  ```

  #### 2.4.2 添加文件并提交

  ```
  git add .
  git commit -m "第一次提交"
  ```

  #### 2.4.3 添加远程仓库

  ```
  git remote add origin https://gitee.com/hjingfeng/vue-study.git
  ```

  #### 2.4.4 查看本地分支

  ```
  git branch
  ```

  如果名称和远程不同，最好是更改名称

  ```
  git branch -M 'master'
  ```

  #### 2.4.5 远程拉下来再合并

  ```
  git pull origin master --rebase
  ```

  #### 2.4.6 设置全局用户名和邮箱
  ```
  git config --global user.name "tony"
  git config --global user.email "110931584@qq.com"

  // git config --global user.name "你的用户名"
  // git config --global user.email "你的邮箱@example.com"
  ```
  
  #### 2.4.7 设置当前仓库用户名和邮箱
  ```
  git config user.name "仓库专用用户名"
  git config user.email "仓库专用邮箱@example.com"
  ```

# windows下中的无法运行node/npm
C:\Windows\System32\WindowsPowerShell\v1.0\PowerShell.exe
管理员运行下面的命令
```
Set-ExecutionPolicy RemoteSigned
```