怎么查看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期间整理的笔记,因为是初学者嘛,所以尽量整理的详细些,希望也能帮助到小伙伴们,也希望小伙伴们多提些意见和建议,谢谢!
欢迎大家评论和留言哦