0
点赞
收藏
分享

微信扫一扫

vue3从下载到创建(IDEA版)

ITWYY 2022-04-25 阅读 52

基础前端页面----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: 一般不用管(或者两个都选择,看个人情况吧)

 


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

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


 

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


 

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

 

举报

相关推荐

0 条评论