Vue3.x 超详细安装教程

Posted 2023-04-30

参考技术A

<meta charset="utf-8">

npm 或 yarn 安装

查看版本（是否安装成功）：

进入demo目录： cd G:\\demo\\
创建 my-project 项目： vue create my-project

选择自己所要集成的配置（格键是选中与取消，A键是全选，回车确定）
这里我的选择如下：

配置项：

这里我选择： 3.x

安装的 vue-cli 将会是基于 vue3.x 版本

如果在项目中想要保持使用 TypeScript 的 class 风格的话，建议大家选择y。

这里我选择： y

这里我选择： y

这里我选择： y

Sass/SCSS分两种：

这里我选择： Sass/SCSS（with node-sass）

这里我选择： ESLint with error prevention only

这里我选择： Lint on save

这里我选择： In dedicated config files

这里我选择： N

cd my-project ( 进入项目根目录 )
yarn serve ( 启动项目 )

现在的目录是 Vue3.x 的 cli 看上去简洁多了，去掉了 Vue2.x 中 build 和 config 等目录

在项目的根目录下新建 vue.config.js 文件（ 是根目录，不是src目录 ）

HBuilder超详细下载安装教程

参考技术A 解压后：

1.找到解压文件夹下的“HbuilderX.exe”的可执行文件
2.双击这个文件就可以打开Hbuilder这个开发编辑器

3.Hbuilder无需安装，直接双击打开即可，将执行件发送到桌面快捷方式
4.打开后根据个人爱好选择主题风格