vue点击进入文件夹_vue-cli快速安装和使用

vue脚手架是快速生成vue项目的基础架构。

官网：

https://cli.vuejs.org/zh/

1、安装vue cli

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

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

2、图形化方式创建项目

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期间整理的笔记，因为是初学者嘛，所以尽量整理的详细些，希望也能帮助到小伙伴们，也希望小伙伴们多提些意见和建议，谢谢！

欢迎大家评论和留言哦