vue简介及安装

  • Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架
  • Vue 被设计为可以自底向上逐层应用。
  • Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  • Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

Vue.js 安装

1、独立版本

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 你可以在 [cdn.jsdelivr.net/npm/vue](https://cdn.jsdelivr.net/npm/vue/) 浏览 NPM 包的源代码。 Vue 也可以在 [cdnjs](https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js) 上获取 (cdnjs 的版本更新可能略滞后)。

  • step5:在用 Vue 构建大型应用时推荐使用 NPM 安装:
# 最新稳定版 
$ npm install vue
  • step6:Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。
# 全局安装 vue-cli 
$ cnpm install --global vue-cli 
# 创建一个基于 webpack 模板的新项目 
$ vue init webpack my-project 
# 这里需要进行一些配置,默认回车即可

进入项目,安装并运行:
$ cd my-project
$ cnpm install
$ cnpm run dev
DONE Compiled successfully in  4388ms  
>  Listening at http://localhost:8080
  • step6:点击最右侧的【访问链接】选项卡,在访问链接面板中填写端口号为:8080(和刚才配置文件中的端口号一致),点击创建链接,即可点击生成的链接访问我们刚刚编写的代码,查看 Vue.js 效果。

总结于https://www.runoob.com/vue2/vue-tutorial.html

你可能感兴趣的:(vue简介及安装)