vue直接引入和npm的区别：1、使用npm安装Vue可以方便包管理，可以直接使用Vue命令，会使用webpack工具，创建项目，前端构建工具会让前端开发更加高效；2、直接引入方式，在应用需要越来越多的前端库和前端框架的时候，一个一个在HTML文件中引入会很不方便。
本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。
使用vue有两种方法：直接在HTML中引vue.js和npm安装。
1、直接在HTML中引vue.js
直接使用script引入vue.js文件即可，vue.js文件可以在官网上直接下载，也可以利用CDN
立即学习“前端免费学习笔记（深入）”；
官网下载地址：https://vuejs.org/js/vue.min.js
CDN地址：
https://cdn.staticfile.org/vue/2.2.2/vue.min.jshttps://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
登录后复制
2、利用npm安装
推荐阅读《如何用npm安装vue.js？》
那么直接在HTML中引vue.js和npm安装这两种方式有什么区别？下面给大家介绍一下
单纯的从script引用和npm下载来说并没有什么区别，npm下载之后你也能script引入。
重点在于npm是做包依赖管理的工具，你也看到了，是配合其他的包使用开发的推荐下载方式。开发时可使用诸如require(‘vue’)，import(‘vue’) 模块化方案开发，你可以使用vue-cli起一个项目体验下。
使用npm安装Vue可以方便包管理。等到应用需要越来越多的前端库和前端框架的时候，一个一个在HTML文件中引入会很不方便。
而npm方式可以直接使用Vue命令，会使用webpack工具，创建项目，前端构建工具会让前端开发更加高效。
相关推荐：《如何用npm安装vue.js？》
以上就是vue直接引入和npm的区别是什么的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3144649.html
