筑坐极_Vue3工程搭建的流程

一简介

1. vue3提供了更好的性能，更小的捆绑包体积，更好的TS集成，用于处理大规模用例的新 API。

2. 3.0版本的vue，开发周期长达两年多。

3. 3.0的发布，标志着此框架整体呈现出可用状态，尽管框架的某些子项目可能仍需要进一步开发才能打发哦稳定状态，特别是路由和VUEX的集成，不过现在仍然是开始使用vue3启动新项目的合适时机。

二搭建

一、环境准备

1、安装 node.js

下载地址：https://nodejs.org/en (安装时,一直往下点就可以了)

2、windows + R 输入cmd 检查是否安装成功：输出版本号说明安装成功 (注意版本)

Vue3工程搭建的流程

3.配置镜像

vue.js要镜像是因为在用Vue.js构建大型应用的时候使用NPM安装方法会比较慢，所以为了提高效率,可以使用淘宝的cnpm镜像来安装vue

进入WebStorm(选择自己建的文件夹打开,以下操作全在此基础上完成) 打开左下角Terminal 输入

npm config set registry https://registry.npm.taobao.org

4.安装vue最新脚手架:npm i -g @/cli (出现这行代码时成功)

然后再检查版本: vue -V (不能过低)

Vue3工程搭建的流程

5 搭建项目: vue create 【项目名】 (注意大小写格式)

Vue3工程搭建的流程

6手动配置以下条件

(选择完时,按Enter键即可)

方向键移动选择

Vue3工程搭建的流程

空格代表选中(选择以下五个即可)

Vue3工程搭建的流程

按照以下选择即可然后按Enter键

选择完成后需要稍微等一下

Vue3工程搭建的流程

三启动

1进入项目名(在前几步创建的名字)

cd 项目名

2进入项目后

Vue3工程搭建的流程

3出现下图时 ,表示项目启动成功

Vue3工程搭建的流程

到此Vue3项目搭建成功

Vue3工程搭建的流程

王*

Vue3

这篇文章简单的介绍了Vue3是什么?还有怎么快速上手安装Vue3

2023.06.25

265人

王*

河南省信阳市淮滨县

Hot:3087

一简介

二搭建

一、环境准备

1、安装 node.js

下载地址：https://nodejs.org/en (安装时,一直往下点就可以了)

3.配置镜像

4.安装vue最新脚手架:npm i -g @/cli (出现这行代码时成功)

然后再检查版本: vue -V (不能过低)

5 搭建项目: vue create 【项目名】 (注意大小写格式)

6手动配置以下条件

(选择完时,按Enter键即可)

空格代表选中(选择以下五个即可)

三启动

1进入项目名(在前几步创建的名字)

cd 项目名

王*

5分

keep fighting!