如何安装vue3.0脚本架?怎么动态创建vue3.0?

用vue-cli 3.x脚手架写项目
vue-cli官网:https://cli.vuejs.org/zh/

  • 安装vue-cli : npm install -g @vue/cli

  • 创建项目:vue create 项目名或 vue ui

  • 查看vue脚手架的版本:vue -V
    method1:
    1.第一步:vue create 项目名,然后按照步骤去执行

? Please pick a preset:  
❯ default (babel, eslint)   //回车自动安装脚手架需要的各种包
  Manually select features  //手动安装,需要自己配置选择各种要安装的包

第二步:安装好后进入项目目录并运行

 $ cd 项目目录
 $ yarn serve 或npm run serve  //运行

method2:vue ui
1.输入指令:vue ui
点击vue项目管理器
在这里插入图片描述
2.选择文件夹 设置包管理器点击下一步在这里插入图片描述
3.点击手动配置进行项目的创建在这里插入图片描述
4.选择功能点击下一步在这里插入图片描述
5.进行配置点击创建在这里插入图片描述
6.点击运行在这里插入图片描述
7.缓存完成,运行在服务器上在这里插入图片描述

小技巧
无论是vue create 项目名的手动配置还是 vue ui的手动配置(俩个配置完其实是一样的,个人认为vue create手动配置更加简单,所以详细介绍了一下vue ui的方法),都比默认配置的项目全面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值