什么是vue脚手架-创新互联

这期内容当中小编将会给大家带来有关什么是vue脚手架，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

仲巴网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联建站公司2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

  vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

Vue是一个用于构建用户界面的渐进式框架。它是可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或者现有的项目进行整合。 另一方面当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动，接下来将介绍Vue中的一个重要内容vue-cli，就有一定的参考价值，希望对大家有所帮助。

vue-cli是什么

vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 校验，以及生产环境可用的构建版本

vue-cli的使用

（1）安装vue-cli

打开终端窗口即打开cmd(win+R快捷键)在里面输入以下内容

npm install -g @vue.cli

在这篇文章中我们需要安装vue-cli的版本3或者是更高的版本。如果想查看版本可以输入以下的命令

vue --version

如果安装的版本低于版本3，需要安装最新版本

（3）创建自定义项目

与Angular和React CLI一样，Vue的CLI可以轻松创建新的应用程序。Vue方法最酷的特点是可以根据您的目标自定义获得样板项目

在终端中输入以下内容：

vue create my-app

这是CLI会让你选择是要将其中一个预设用于babel还是eslint，还是手动选择要使用的功能。如果选择手动，您将看到以下屏幕

当你回答了所有问题Vue将下载并安装你需要的一切。从那里你可以进入目录并运行npm run serve来查看项目，或者在你的编辑器中打开它。下图显示了如果您选择了许多或所有可用功能，您的脚手架项目可能会是什么样子。

上述就是小编为大家分享的什么是vue脚手架了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：什么是vue脚手架-创新互联
标题链接：/article14/dedhde.html

成都网站建设公司_创新互联，为您提供网站营销、Google、星空体育app最新版本(2024已更新)、做网站、用户体验、外贸网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联