跳转至

如何使用 NPM 安装 VUE 框架?


2018-03-08 by dongnan

vue 是什么?

vue 是一套用于构建用户界面的渐进式 javascript 框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

多种方式安装

独立文件

vue 官网下载 vue.js 到"本地",并用 <script> 标签引入,vue 会被注册为一个全局变量。

CDN 方式

最简单的方式,引用某个 CDNvue 文件,例如:

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

NPM 方式

第三种方式是 vue 官方推荐的方式,特别是在构建大型应用时,使用 NPM 方式安装 vueNPM 能很好地和诸如 webpackBrowserify 模块打包器配合使用。 同时 vue 也提供配套工具来开发单文件组件。

# 推荐 使用国内 NPM 镜像 cnpm 高速下载
cnpm install vue

命令行工具

Vue 官方提供一个命令行工具 vue-cli,可用于快速搭建大型单页应用。 该工具为现代化的前端开发工作流提供了开箱即用的构建配置。

只需几分钟即可创建并启动一个带热重载(live_reload)、保存时静态检查以及可用于生产环境的构建配置的项目:

安装 vue-cli

cnpm install -g vue-cli

创建一个基于 webpack 模板的新项目

vue init webpack my-project

安装依赖

cd my-project
npm install
npm run dev

参考:

vue 介绍

回到页面顶部