快捷搜索:  汽车  科技

怎么查看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 cli

cmd命令:npm install -g @vue/cli

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(1)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(2)

2、图形化方式创建项目

cmd命令:vue ui

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(3)

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(4)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(5)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(6)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(7)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(8)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(9)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(10)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(11)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(12)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(13)

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

怎么查看vuecli是否安装成功(vue-cli快速安装和使用)(14)

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

欢迎大家评论和留言哦

猜您喜欢: