基礎(chǔ)環(huán)境搭建:
- 瀏覽器:Chrome
- IDE:VS Code
- node.js 8.9+橄杨,npm
簡單引用:
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
或者
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
開發(fā)環(huán)境搭建:
1. 打開命令行輸入照卦,根據(jù)網(wǎng)絡(luò)環(huán)境,可能需要安裝較長時間
npm install -g @vue/cli
2. 到要新建的工程路徑下役耕,創(chuàng)建工程"hello-world"
vue create hello-world
選擇要安裝的環(huán)境
Vue CLI v3.10.0
? Please pick a preset:
> default (babel, eslint) //默認(rèn)
Manually select features //自定義
3. 使用“cd”命令采转,轉(zhuǎn)到新建工程路徑下
cd hello-world
4. 運行服務(wù)
npm run serve
5. 根據(jù)提醒瞬痘,用瀏覽器打開對應(yīng)地址
App running at:
- Local: http://localhost:17077/
- Network: http://192.168.1.13:17077/