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

  • Post author:
  • Post category:vue


以下来自一个后端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: 一般不用管(或者两个都选择,看个人情况吧)


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

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


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


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



版权声明:本文为qq_56263094原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。