如何使用 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