day01-Vue-介绍、安装与部署

最新推荐文章于 2024-09-13 20:28:46 发布

南方顾屿

最新推荐文章于 2024-09-13 20:28:46 发布

阅读量234

点赞数

分类专栏： Vue 文章标签： vue vue.js 前端

本文链接：https://blog.csdn.net/NanFangGuYu/article/details/110564778

版权

5 篇文章 0 订阅

订阅专栏

一、Vue介绍

Vue：是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

优点：

在Vue.js的官网上直接下载vue.js

注意：在开发环境下不要使用压缩版本，不然你就失去了所有常见错误相关的警告!

<script src = "vue.js"></script>

对于制作原型或学习，可以这样使用最新版本：

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

对于生产环境，推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：

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

如果使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：

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

测试：
在这里插入图片描述
vue.js引入成功

在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

# 最新稳定版
$ npm install vue

Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。
如果你是新手，强烈建议在熟悉 Vue 本身之后再使用 CLI。

关注

专栏目录