安装vue-cli

npm 或 yarn 安装

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

查看版本(是否安装成功):

vue -V (大写的V)
vue --version

创建项目

进入项目目录
执行vue create test01(项目名称)

这里我选择了第3种手动,回车键确认
选择自己想要的配置,我选择如下

选择vue版本
这里我选3x

是否使用 history 路由模式

这里我选y

选择css预处理器

这里我选node的时候一直报下图的错误
所以我选了dart,就可以了

选择配置文件存放的位置

这里我选了package.json

是否保存之前的配置项

这里我选n

等待下载依赖模块

装好后,进入目录,启动

cd test01( 进入项目根目录 )
yarn serve 或者npm run serve ( 启动项目 )

mac 创建Vue3项目相关推荐

  1. Vite --- 创建Vue3项目

    Vite 需要 Node.js 版本 >= 12.0.0. 1. node -v 查看node当前版本号 2. npm方式 创建Vue3项目 npm init @vitejs/app 输入项目名 ...

  2. vue3学习路程1——创建vue3项目

    创建vue3项目 一.vue-cli版本 对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli.要升级,你应该需要全局重新安装最新版本的 @vue/cli ...

  3. vue - - - - vite创建vue3项目(不使用TS)

    vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...

  4. mac创建react项目报错 :Aborting installation. npm install --save --save-exact --loglevel error react reac

    Mac创建react项目失败 之前一直以为是淘宝镜像不对,尝试很久才找到方法 解决方法 下载下面的包 brew install pixman brew install cairo brew insta ...

  5. 创建vue3项目(vite+js)

    创建vue3+vite+js项目 1.找到指定的工作目录,进入该目录下 2.输入创建命令 3.创建成功后,进入到项目中安装npm 4.运行项目 1.找到指定的工作目录,进入该目录下 cd + 目录路径 ...

  6. 使用vite创建vue3项目

    一.创建vite+vue项目 1.在命令行输入以下创建语句.然后根据下图所示,输入项目名称并选择vue框架即可 npm create vite@latest 创建完项目后,根据提示依次输入三条命令: ...

  7. 使用Vite快速创建vue3项目(超级简单,超级快速)

    无论什么教程,还是以官网为准,下面是两个官网跳转地址. Vite中文网 Vue.js 下面,开始正式创建我们的VUE3项目. 一.创建文件夹并在编辑器中打开集成终端 node -v  检查我们是否安装 ...

  8. 用 Vite 创建Vue3项目和相关开发工具配置

    目录 一.创建项目 二.vite的快捷用法 三.安装Vue3开发工具 Vite热更新.打包构建速度更快,但目前周边生态还不如 Webpack 成熟,目前实际开发中还是以 Webpack 为主,但目前就 ...

  9. Hbuildx创建vue3项目

    ​​​​​​静态网站 H5 跳小程序 | 微信开放文档 一.vue3的试水学习 vue3的项目,可以先尝试普通项目的vue3应用 根据示例来看,是vue3的语法没错了 ,可以先在这儿试一下基础的的vu ...

最新文章

  1. Java程序员技术培训需要培训哪些?
  2. Spring Cloud Alibaba 负载均衡:Ribbon 如何保证微服务的高可用
  3. html 里运行php文件,如何在HTML文件中运行PHP脚本
  4. CCF NOI1113 括号匹配
  5. Assessing systemic risk due to fire sales spillover through maximum entropy network reconstruction
  6. scrapy python3.8_银狐DevNet-网络运维Python初篇(四)netmiko抓取华为网络配置并存入本地...
  7. [云炬python3玩转机器学习笔记] 2-4批量学习、咋西安学习、参数学习和非参数学习
  8. angular之表单
  9. CDH、CM下载403,Cloudera收费无法下载解决,CDH安装包下载
  10. 网页弹出框----播放视频
  11. MySQL使用技巧收集,持续更新中......
  12. c语言长整数除法,大整数除法
  13. 谁该为马化腾表态这个乌龙尴尬?
  14. Cacti+Nagios安装后按自己的相关要求修改相关信息
  15. codeforces 735C Tennis Championship(贪心+递推)
  16. Asp.net web api 知多少
  17. 【二维码识别】基于matlab GUI 灰度+二值化+校正QR二维码识别与生成【含Matlab源码 600期】
  18. 创建联系人vcf文件通讯录
  19. maven module 路径_解决maven项目中-Dmaven.multiModuleProjectDirectory报错问题
  20. arch linux开启dhcp,ArchLinux DHCP配置问题

热门文章

  1. docker(二十二):docker加速器配置
  2. 爱斯沃官宣品牌形象代言人:花滑世界冠军于小雨
  3. 动态规划与贪心算法比较
  4. 单片机自动调光C语言,51单片机led灯渐变PWM调光(渐亮渐灭)C语言和汇编源程序
  5. 推荐几个 VUE UI组件库
  6. 关于 Jenkins 的 Unity 3D Plugin
  7. 黑盒测试——边界值法
  8. Deepin15.11稳定源可以支持小米笔记本Pro-GTX版的指纹设备
  9. NV最顶级8系独显!微星GT70游戏悍本首测
  10. php中遍历文件夹代码,php简单遍历文件夹以及文件