# 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沒有代碼報錯提示。體積小，加載速度更快。