如何進行Vue開發

映象下載、域名解析、時間同步請點選  阿里巴巴開源映象站

概覽

簡單寫一下Vue開發的流程，作為備忘。

流程

1、安裝node.js( Vue開發環境 )

# 檢視版本
Node -V
npm -V
# 使用淘寶倉庫(後續可使用cnpm代替npm)
npm install -g cnpm –registry=

2、安裝VSCode( Vue開發編輯器 )

官網下載安裝即可。安裝完可網上搜尋配置Vue開發環境。

3、安裝vue-cli( 用於建立Vue專案 )

cnpm i -g @vue/cli-init
 
# 檢視版本
vue -V

4、建立Vue專案

# 假設專案名稱為：hello_vue
vue init webpack hello_vue

5、進入專案目錄，下載依賴包並執行專案

# 進入專案目錄
cd hello_vue
# 下載依賴包
npm install
# 執行專案
npm run dev

執行成功

出現下面這個頁面，表示Vue專案建立成功，後續按需求進行專案開發即可。

本文轉自：https://blog.51cto.com/weiyuqingcheng/4740986