首页 / VUE / vue介绍及安装使用
vue介绍及安装使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了vue介绍及安装使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1876字,纯文字阅读大概需要3分钟。
内容图文
vue是什么?
是一套用于构建用户界面的渐进式框架。只关注视图层,采用自底向上增量开发的设计。
vue的安装使用
1.可以按传统的引用方式使用,直接去官网下载vue.min.js,通过<script>方式引入。或者引用官网地址如:
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
或
!-- 生产环境版本,优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
2.可以使用npm安装
npm安装前提:需要预装node.js环境。
什么是node.js?
简单理解:它是是运行在服务器端的javascript。
为什么要安装node.js?
简单理解:因为我们的vue文件后缀是.vue,浏览器并不认识这种格式,所以就需要Node.js把我们的vue文件编译成浏览器可识别的语言。
node.js怎么安装?
去node.js官网下载:https://nodejs.org/en/。下载后一键安装,安装成功后可打开命令窗口 cmd--->node -v ,查看它的版本号。顺便可以查看一下npm的版本,因为node里自带npm包管理器,可查看npm包的版本号,命令为 npm-v 。
npm是node内置的资源管理器,因为它的大部分资源在国外,如果遇到网速不好,或者跨境请求,有可能包下不下来。会导致项目无法运行,所以可以安装npm镜像。推荐以下两个镜像:
(1)淘宝npm镜像:
安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)cnpmjs镜像:
http://r.cnpmjs.org/
安装好镜像后,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm,因为cnpm 能很好地和 Webpack 或 Browserify 模块打包器配合。
最后就可以使用用 cnpm 命令来安装模块了:
$ cnpm install <Module Name>
npm安装 Node.js 模块语法格式如下:
$ npm install <Module Name> #本地安装
也可以使用全局安装如下:
npm install <Module Name> -g # 全局安装
本地安装
(1) 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
(2)可以通过 require() 来引入本地安装的包。
全局安装
(1)将安装包放在 /usr/local 下或者你 node 的安装目录。
(2)可以直接在命令行里使用。
内容总结
以上是互联网集市为您收集整理的vue介绍及安装使用全部内容,希望文章能够帮你解决vue介绍及安装使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。