# Vuejs安装方式 使用一个框架，我们第一步要做什么呢？下载并使用它。使用Vuejs的方式有很多。 **方式一：直接CDN引入** 你可以选择引入开发环境版本还是生产环境版本 ```html <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本，优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> ``` **方式二：下载和引入** ```html 开发环境  https://vuejs.org/js/vue.js  生产环境  https://vuejs.org/js/vue.min.js ``` **方式三：NPM安装** 后续通过`webpack`和`CLI`的使用 ## 选择方式二 我们在初学阶段通过 **script标签引入开发环境的vue.js**。官方的建议 [https://cn.vuejs.org/v2/guide](https://cn.vuejs.org/v2/guide) ### 什么是开发环境？什么是生产环境 ？ 开发环境指的是我们通过编辑器书写代码时候的环境，其实就是本地编写代码的环境。 生产环境指的是我们项目已经编写完成了，要发布到网上了我们称之为**上线**。 ### 开发环境的vue.js和生产环境的vue.js有什么不同 开发环境的vue.js会有代码报错提示。 生产环境的vue.js没有代码报错提示。体积小，加载速度更快。