# Vue3-Advance

**Repository Path**: Charlie_lee/vue3-advance

## Basic Information

- **Project Name**: Vue3-Advance
- **Description**: Vue2、Vue3的学习与一些见解
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-02
- **Last Updated**: 2022-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue3-Advance



Vue3的学习与一些见解






# 创建 vue 项目

以下 都推荐使用 yarn 来进行安装



## 直接使用 vue

```
// 最新稳定版
npm install vue@next
npm install -D @vue/compiler-sfc

yarn add vue@next
yarn add @vue/compiler-sfc -D
```



## 使用 cli 脚手架

```
yarn global add @vue/cli

vue create hello-world
```



## 使用 vite

> Vite 需要 [Node.js](https://nodejs.org/en/) 版本 >= 12.0.0。

[vite文档]: https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project

```
 yarn create vite
 
 // or 指定项目名称和想要使用的模板
 yarn create vite <project-name> --template vue
```



# vite 搭建外部编译服务

把 github 上的项目 克隆到 本地上

```
1. git clone https://github.com/vitejs/vite.git

// 克隆完之后 安装依赖 
2. yarn or yarn install

3. yarn build

4. yarn link

```

建立一个项目

```
npm init -y

yarn link vite

// 把 package.json 文件修改配置
"sctipts": {
	"dev": "vite",
	"build": "vite build"
}
```