首页 >web前端 >Vue.js > 正文

vue直接引入和npm的区别是什么

原创2021-09-02 14:55:540302

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.js
https://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工具,创建项目,前端构建工具会让前端开发更加高效。

相关推荐:《vue.js教程

以上就是vue直接引入和npm的区别是什么的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:vue
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • vue 3.0全新实战课程(2021版)第一季vue 3.0全新实战课程(2021版)第一季
  • vue 3.0全新实战课程(2021版)第二季vue 3.0全新实战课程(2021版)第二季
  • VuePress: 30分钟制作一个Vue静态网站VuePress: 30分钟制作一个Vue静态网站
  • VuePress: Vue 官方静态网站生成器极速指南VuePress: Vue 官方静态网站生成器极速指南
  • Vue.js:纪录片Vue.js:纪录片
  • 视频教程分类