以下来自一个后端er自学vue3的经验,有不对的欢迎斧正
基础前端页面教学—-
vue3+elementplus+ts
新手很友好 强推
目录
下载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: 一般不用管(或者两个都选择,看个人情况吧)
创建好项目==》之后就会出现这个界面
点击依赖==》搜索依赖的名字就可以直接下载安装了
以上是我已经下载安装好的 仅供参考
点击任务==》运行就可以啦