欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

VUE的開發環境如何部署

老白2年前25瀏覽0評論

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訪問項目即可看到初始頁面:

vue 添加css,VUE的開發環境如何部署