vue elementui專案搭建

2022-07-06 21:36:13 字數 1266 閱讀 2232

一、安裝node.js

開啟cmd(window環境下快捷鍵window+r),輸入node -v

上圖就是node.js的版本資訊

3.由於node.js已經整合了npm(包管理器),所以npm也一起安裝好了,輸入npm -v

上圖就是npm的版本資訊。

二、安裝vue-cli腳手架

輸入npm install vue-cli -g  (注意sudo許可權)

輸入vue -v,檢視是否安裝成功

三、使用intellij idea建立vue專案

1.開啟intellij idea開發工具,找到要建立專案的目錄,如下圖:

2.輸入vue init webpack [專案名稱]

1.進入到建立的vue專案下,如下圖:

2.執行vue專案

3.效果如下圖所示:

1.跟vue搭配使用的最多的ui框架是elementui。

2.在node-modules(或package.json)中可以看到elementui已經安裝好了。

3.使用elementui。

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue,所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...

Vue element ui 專案優化

專案優化 進度條新增 移除打包之後的console 只在發布階段移除console 利用vue.config.js修改webpack的預設配置 自定義入口檔案 通過cdn載入外部資源 配置element ui的cdn資源 根據不同環境定製不同的首頁內容 我們要在index.html中來判斷當前環境為...

python Django mysql專案搭建步驟

2 匯入django,mysqll聯結器mysqlclient 3 新增資料庫連線,編輯settings.py配置檔案。匯入連線包到工程,寫 init py import pymysql pymysql.install as mysqldb 5 初始化資料 6 啟動應用 訪問admin後台驗證 7 ...