手把手从vue3从下载到创建项目(IDEA版)

以下来自一个后端er自学vue3的经验，有不对的欢迎斧正

基础前端页面教学----vue3+elementplus+ts
新手很友好 强推

目录

下载Vue3

         创建vue3项目

---

下载Vue3

• 首先需要安装node.js

Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本

下载地址：Node.js (nodejs.org)

 安装步骤：(329条消息) Node.js最新最详细安装教程（2020）_蜡笔小柯南的博客-CSDN博客_node

---

• 安装vue3

安装 node之后自然会自带 npm，就可以使用 npm 来安装 vue3.0

npm install vue@next

---

• 安装vue脚手架 

 Vue提供了一个官方CLI，可用于快速搭建 Single Page Applications。它为现代的前端工作流提供构建设置。只需几分钟就可以启动并重新运行热保存，可用于生产的构建。有关更多详细信息，请参见Vue CLI文档

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

---

 创建vue3项目

创建项目我比较喜欢用可视化的方式来创建

首先打开cmd输入

vue ui

 点击创建项目

---

 输入项目名称 包管理器我这里选择的是npm 然后点击下一步

---

 

 选择手动配置项目

---

勾选如下选项 

Router：Vue中的路由
Linter/Formatter：可以让你的代码写的更严谨一些，通常是用来做报错提醒的
使用配置文件：将插件的配置保存在各自的配置文件中

---

Choose a version of Vue.js that you want to start the project with：
你想用Vue的那个版本，这个就看大家的需求了（在这里我选择的是Vue3）
Use history mode for router? ：就默认让它关闭就可以
Pick a linter / formatter config:：代码的书写风格（我们建议选择第三个。 ESLint + Standard config）
Pick additional lint features： 一般不用管（或者两个都选择，看个人情况吧）

---

创建好项目==》之后就会出现这个界面

 点击依赖==》搜索依赖的名字就可以直接下载安装了 

---

 以上是我已经下载安装好的 仅供参考

---

 点击任务==》运行就可以啦