怎么查看vuecli是否安装成功(vue-cli快速安装和使用)
怎么查看vuecli是否安装成功(vue-cli快速安装和使用)2-3 预设(预设就是一套定义好的插件和配置。 你也可以将自己的配置保存成预设,方便以后创建项目直接选择使用),初次使用这里选择手动配置,然后点击下一步2-2 输入项目名称后点击下一步cmd命令:vue cli -V(出现版本号信息表示安装成功,注意:-V是大写)cmd命令:vue ui2-1 点击创建按钮并选择项目存放的文件夹路径,然后点击按钮在此创建新项目进入下一步
vue脚手架是快速生成vue项目的基础架构。
官网:
https://cli.vuejs.org/zh/
1、安装vue clicmd命令:npm install -g @vue/cli

cmd命令:vue cli -V(出现版本号信息表示安装成功,注意:-V是大写)

cmd命令:vue ui


2-1 点击创建按钮并选择项目存放的文件夹路径,然后点击按钮在此创建新项目进入下一步

2-2 输入项目名称后点击下一步

2-3 预设(预设就是一套定义好的插件和配置。 你也可以将自己的配置保存成预设,方便以后创建项目直接选择使用),初次使用这里选择手动配置,然后点击下一步

2-4 初次使用功能建议选择以下几种就好,等自己熟悉后可以根据具体情况进行选择

2-5 配置里选择 ESLint Standard config,然后点击创建项目

2-6 可以起一个预设名称,方便以后选择,然后点击保存预设并创建项目, 稍等一会项目就会创建完毕

2-7 进入到以下界面,表示项目已经创建成功

2-8 依次点击任务—serve—运行(进行项目编译)

2-9 项目编译成功后,点击启动app

2-10 到此表示项目已经成功运行

这是我学习vue期间整理的笔记,因为是初学者嘛,所以尽量整理的详细些,希望也能帮助到小伙伴们,也希望小伙伴们多提些意见和建议,谢谢!
欢迎大家评论和留言哦




