美文网首页
1.初始Vue及安装

1.初始Vue及安装

作者: 初家大老爷 | 来源:发表于2019-06-11 22:48 被阅读0次

一、初始Vue

  • 渐进式Javascript框架
  • 易用:已经会了HTML、CSS、Javascript?即刻阅读指南开始构建应用!
  • 灵活:不断繁荣地生态系统,可以在一个库和一套完整框架之间自如伸缩。
  • 高效:20kb min+gzip运行大小,超快虚拟DOM,最省心的优化。

二、安装

1.直接用<script>引入进行使用

在开发环境下不要使用压缩版本,不然你就失去了所有常见错误相关的警告!
开发版本:包含完整的警告和调试模式。下载地址:https://vuejs.org/js/vue.js
生产版本:删除了警告,33.30KB min+gzip。下载地址:https://vuejs.org/js/vue.min.js

2.CDN

2.1开发环境(原型、学习)

包含了所有帮助的命令行警告。

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2.2 生产环境

优化了尺寸和速度,建议链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏。

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

2.3 原生 ES Modules

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.esm.browser.js'
</script>

相关文章

  • 1.初始Vue及安装

    一、初始Vue 渐进式Javascript框架 易用:已经会了HTML、CSS、Javascript?即刻阅读指南...

  • 1.vue项目-base

    vue项目全了解 1.创建vue项目 1.全局安装vue-cli 2.安装初始项目vue init webpack...

  • Vue + Cesium环境部署

    一、基本环境安装 node.js webpack安装 vue -cli 安装 二、vue项目搭建 1.初始化项目 ...

  • vue 脚手架搭建--基本流程

    1.安装node.js2.安装全局vue,npm install vue-cli -g3.初始化 vue init...

  • vue如何通过vue ui创建和管理项目

    1.安装 可以使用下列任一命令安装Vue CLI 检查安装是否成功 2.初始化 vue ui 打开Vue 项目管理...

  • 新建vue项目

    一. vue-cli初始化 1. 全局安装 vue-cli npm install --global vue-cl...

  • vue运行笔记

    1. 安装vue npm install -g vue-cli 2. 初始化项目 vue init webpack...

  • Vhe-cli全局安装

    1.全局安装vue-cli npm install vue-cli -g 2.初始化vue项目 vue init ...

  • vue-cli脚手架构建项目

    1.全局安装vue-cli npm install vue-cli -g 2.初始化vue项目 vue init ...

  • 2018-12-06

    1. 环境配置 全局安装 vue-cli: 2. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

网友评论

      本文标题:1.初始Vue及安装

      本文链接:https://www.haomeiwen.com/subject/ygnkxctx.html