vue 文件引入1

时间 2019-12-20

标签 vue 文件引入繁體版

原文原文链接

直接 `<script>` 引入

直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。重要提示：在开发时请用开发版本，遇到常见错误它会给出友好的警告。html

开发环境不要用最小压缩版，否则就失去了错误提示和警告!前端

开发版本包含完整的警告和调试模式

生产版本删除了警告，30.33kB min+gzip

CDN

推荐：https://cdn.jsdelivr.net/npm/vue，会保持和 npm 发布的最新的版本一致。能够在 https://cdn.jsdelivr.net/npm/vue/ 浏览 npm 包资源。vue

也能够从 unpkg 和 cdnjs 获取 (cdnjs 的版本更新可能略滞后)。webpack

NPM

在用 Vue.js 构建大型应用时推荐使用 NPM 安装，NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。git

# 最新稳定版

$ npm install vue

命令行工具 (CLI)

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟便可建立并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：github

 
     # 全局安装 vue-cli 
    
      $ npm install --global vue-cli 
    
     # 建立一个基于 webpack 模板的新项目 
    
      $ vue init webpack my-project 
    
     # 安装依赖，走你 
    
      $  
     cd my-project 
    
      $ npm install 
    
      $ npm run dev

CLI 工具假定用户对 Node.js 和相关构建工具备必定程度的了解。若是你是新手，咱们强烈建议先在不用构建工具的状况下通读指南，熟悉 Vue 自己以后再研究 CLI。web

译者注：对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，能够大幅提高安装速度。ajax

对不一样构建版本的解释

在 NPM 包的 dist/ 目录你将会找到不少不一样的 Vue.js 构建。这里列出了他们之间的差异：vue-cli

	UMD	CommonJS	ES Module
完整版	vue.js	vue.common.js	vue.esm.js
只包含运行时	vue.runtime.js	vue.runtime.common.js	vue.runtime.esm.js
完整版 (生产环境)	vue.min.js	-	-
只包含运行时 (生产环境)	vue.runtime.min.js	-

vue 文件引入1

直接 <script> 引入

CDN

NPM

命令行工具 (CLI)

对不一样构建版本的解释

直接 `<script>` 引入