# Web 前端开发进阶

**Repository Path**: hencter/web-front-end-dev-plus

## Basic Information

- **Project Name**: Web 前端开发进阶
- **Description**: Web 前端开发进阶仓库
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-11
- **Last Updated**: 2022-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web 前端开发进阶

用到的 VS Code 插件：[Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur "Vetur")

本仓库下包含两个项目

- 学习项目：learn
- 文创商城：cultural-creation-mall

## 项目配置

```shell
npm install
```

### 编译并且进行热更新开发

```shell
npm run serve
```

### 为生产环境编译缩小

```shell
npm run build
```

### Lints and fixes files

```shell
npm run lint
```

### 自定义配置

参见 [配置参考](https://cli.vuejs.org/config/).

## 课堂机房课前简单配置

> 参考：
>
> - <https://www.npmmirror.com/>
> - <https://docs.microsoft.com/zh-cn/powershell/module/microsoft.powershell.security/set-executionpolicy?view=powershell-7.2>
> - <https://cli.vuejs.org/zh/guide/installation.html>

### PowerShell 脚本执行策略

```shell
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine
```

### 设置源

```shell
npm install -g yrm --registry=https://registry.npmmirror.com
yrm add npmmirror https://registry.npmmirror.com
yrm use npmmirror
```

Tips：机房安装 Vue CLI 创建项目都需要在命令提示符（CMD）运行命令

### 安装 Vue CLI

```shell
npm install -g @vue/cli
# OR
yarn global add @vue/cli
```

#### 创建一个项目

```shell
vue create <PROJECT_NAME>
```