dongnan
总版主
总版主
  • 粉丝52
  • 发帖数2165
  • 铜币13236枚
  • 威望5838点
  • 银元150个
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 原创写手
阅读:493回复:0

[node] 如何使用 NPM 安装 Vue.js ?

楼主#
更多 发布于:2018-03-08 11:14
Vue.js 是什么?
Vue 是一套用于构建用户界面的渐进式 javascript 框架,Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

多种方式安装
1. 使用独立文件
在 Vue.js 官网上直接下载 vue.js 到"本地",并用 <script> 标签引入,Vue 会被注册为一个全局变量。

2. 使用 CDN 方式
最简单,引用某个 CDN 的 vue 文件,例如:
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>

3. 使用 NPM 方式
第三种方式是本文的主题,也是 Vue 官方推荐的方式,特别是在构建大型应用时,使用 NPM 方式安装 Vue,NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
# 推荐 使用国内 NPM 镜像 cnpm 高速下载
cnpm install vue

扩展: 命令行工具
Vue 官方提供一个命令行工具 vue-cli,可用于快速搭建大型单页应用。
该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

1. 安装 vue-cli
cnpm install -g vue-cli

2. 创建一个基于 webpack 模板的新项目
vue init webpack my-project

3. 安装依赖
cd my-project
npm install
npm run dev

参考:
https://cn.vuejs.org/v2/guide/
https://doc.webpack-china.org/concepts/
#
游客

返回顶部