如何使用 NPM 安装 VUE 框架?
2018-03-08 by dongnan
vue 是什么?
vue
是一套用于构建用户界面的渐进式 javascript
框架,vue
的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
多种方式安装
独立文件
在 vue
官网下载 vue.js
到"本地",并用 <script>
标签引入,vue
会被注册为一个全局变量。
CDN 方式
最简单的方式,引用某个 CDN
的 vue
文件,例如:
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
NPM 方式
第三种方式是 vue
官方推荐的方式,特别是在构建大型应用时,使用 NPM
方式安装 vue
,NPM
能很好地和诸如 webpack
或 Browserify
模块打包器配合使用。
同时 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