<code>我是《零學IT》,今天給大家帶來Vue-cli的入門教程，希望對你有所幫助\t/<code>

一、安裝Node

1.下載node

地址：https://nodejs.org/en/download/

裡面包含了npm(管理js各種包)

2.安裝node

一路《下一步》，可視化安裝

3.驗證

輸入命令：npm -v

4.配置國內鏡像 提高下載速度

執行命令：npm config get registry https://registry.npm.taobao.org

二、安裝Vue-cli

1.簡介

Vue.js 開發的標準工具

2.安裝Vue-cli

執行命令：npm install -g @vue/cli

可能需要點時間，差不多10分鐘左右，實際跟你網絡有關

三、Vue-Cli創建Vue項目

1.win+r 進入 cmd命令

2.創建項目

執行命令：vue create esjobvue

3.選擇默認方式

需要點時間，實際根據網絡

4.創建成功

四、加載運行Vue項目

1.採用IDE進行加載項目

我這裡使用的是Hbuidx

2.切換到項目路徑

3.執行命令運行

執行命令：npm run serve

運行成功的時候，會顯示一個訪問地址

4.訪問測試

瀏覽器直接訪問上面的地址就可以啦

<code>忘記截圖啦，就用之前寫的的一個基於ES快速搜索的截圖代替/<code>

沒做樣式處理，是不是很閃眼睛

<code>有需要，代碼和視頻的，可以關注，私信我喲！/<code>

閱讀更多 零學IT 的文章

關鍵字: 集成開發環境 瀏覽器 入門教程