VUE的開發環境如何部署?
具體看使用,如果你單純把vue當一個js插件來使用的話,很簡單直接引入即可:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
如果是想把vue當作一個前端框架來使用的話,推薦使用webpack,而Vue已經提供一套腳手架Vue CLI,接下來我就說說怎么在Windows下搭建Vue的開發環境:
1. 安裝node,安裝完node以后,會連 npm一起安裝,安裝過程很簡單,可以直接去node.js官網上下載,然后解壓,會得到一個.exe文件,直接雙擊運行即可。
安裝完成以后分別檢查一下node和npm的版本。
檢查node
結果如下:
檢查npm
結果如下:
可以考慮使用淘寶進行加速 NPM :
2. 使用Vue提供的腳手架vue cli安裝vue的webpack環境
全局安裝vue cli
然后創建項目
安裝完成以后會創建一個my-project項目,目錄結構如下:
在my-project目錄下輸入 npm install 安裝依賴,安裝完成以后輸入npm run dev 運行項目,在瀏覽器中輸入localhost:8080訪問項目即可看到初始頁面: