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