1. 程式人生 > >vue+npm+Element外掛

vue+npm+Element外掛

首先安裝node.js

之後使用管理員輸入命令

然後,就可以使用 npm 命令安裝了:

npm install -g @vue/cli
安裝完後,開啟命令列視窗,會有一個 vue 命令:
vue -v
vue -h檢視

然後,就可以使用 vue 命令建立、管理專案了:

# 先切換到相應目錄
e:
cd myhomework

# 然後建立專案
vue create vue-hello-world

# 建立完後,切換到專案目錄 cd vue-hello-world # 接下來,啟動專案伺服器 # 伺服器啟動後,就可以使用 http://localhost:8080 訪問到首頁了 npm run serve # 然後就可以進行開發了 # - public 下面放一些全域性靜態檔案 # - src 下面存在 main.js 跟相關 .vue 檔案 # -- main.js 是入口 js 檔案 # 開發完成後,就可以將工程打包、分發,執行在客戶端了 # 執行完命令,打包的內容會在 dist 資料夾中 npm run build ## 另外,也可以使用圖形化介面的形式進行(不推薦) vue ui


匯入 ElementUI 到專案中:

# 首先,通過 [email protected] 腳手架建立專案
vue create hello-ele

# 其次,切換到目錄
cd hello-ele

# 然後,就可以通過 eleme 的外掛將 ElementUI 配置到專案中了 vue add element

執行專案
npm run serve
打包專案
npm run build