使用vue-ui來建立專案並安裝vue-cli-plugin-element外掛
vue-ui的使用
在要新建專案的目錄下開啟cmd,輸入:
vue ui
此時瀏覽器會彈出視窗,如果不彈出,手動輸入提示的url。
開啟瀏覽器的頁面如下:
點選中間的建立
點選在此建立專案
輸入專案資料夾,以及包管理器,這裡選擇npm,點選下一步
選擇一套預設,這裡選擇預設,後續可以自己手動配置或者遠端從git倉庫拉取。
選擇完成後,點選建立專案
此時會提示正在安裝Vue Cli外掛,等待一段時間,建立完成後如下
安裝vue-cli-plugin-element外掛
點選右上角新增外掛,輸入外掛名字:vue-cli-plugin-element、
點選第一個,點選安裝vue-cli-plugin-element
然後點選完成安裝
可以到外掛裡看到已經安裝成功
執行專案
點選任務,選擇server,再點選執行,可以檢視輸出以及控制檯
執行結果
相關推薦
使用vue-ui來建立專案並安裝vue-cli-plugin-element外掛
vue-ui的使用 在要新建專案的目錄下開啟cmd,輸入: vue ui 此時瀏覽器會彈出視窗,如果不彈出,手動輸入提示的url。 開啟瀏覽器的頁面如下: 點選中間的建立 點選在此建立專案 輸入專案資料夾,以及包管理器,這裡選擇npm,點選下一步
vue利用vue ui命令建立專案
上次用git bash,用create 命令建立vue專案,這是玩個炫酷的------vue ui (前提是有安裝node.js)。 在目標檔案 vue ui 可以看到他在8000端口出現了一個gui圖形視窗 剩下的基本很友好。點選建立專案,會讓填專案名稱,選擇包管理工具,是否上傳g
基於vue cli 3.0建立前端專案並安裝cube-ui
前提條件: 安裝node.js。 國內的開發者最好先配置淘寶映象。 之後用cnpm來代替npm命令。 專案建立過程: 開啟cmd,輸入命令進入目標工作空間,以本機專案為例: cd /d d: cd D:\workplace 輸入全域性安裝vuecli的命令:c
vue之行 (一)如何安裝Vue_cli來建立專案
之前寫過一個手動配置的,但是建議還是使用官方的腳手架。簡便又高效 1.全域性安裝腳手架工具 在安裝了node.js的基礎下,如果未安裝cnpm 先安裝 npm install cnpm cnpm install -g @vue/cli 1.2 初始化專案
建立vue專案並安裝依賴
1.由於vue專案依賴 node.js npm 需要先安裝 win+r ==》cmd ==》node -v 回車 會出現node,js的版本 輸入npm -v 回車 會出現npm的版本 輸入vue -V 回車 會出現vue的版本 2.安裝vue npm i
VUE學習筆記(一)—安裝vue-cli和建立專案
Github:https://github.com/sueRimn 1.cmd開啟控制檯進行建立專案 (1)全域性安裝腳手架 在命令列輸入:npm install vue-cli -g (2)初始化專案 繼續輸入:vue init webpack myvue(myvue是我取的專案名,
使用webpack建立vue專案,安裝vue-router和不安裝vue-router的區別
使用webpack建立vue專案時,會提示:install vue-router?(Y/N),下面講一下區別: 首先說一下路由是做什麼的? 構建 SPA (單頁應用) 時,方便渲染你指定路由對應的元件。你可以 router-view 當做是一個容器,它渲染的元件是你使用vu
建立一個自己的Vue UI元件庫,並將它釋出在npm上
本文僅限於入門級,沒有成規模製作,希望能對你有所幫助。 因為在開發多個專案中可能會用到同一個元件,那麼我們通過複製貼上的形式更新,無異於是笨拙的,我們可以通過上傳到npm後,不斷迭代npm包來實現更新。 前期準備 初始化project 這裡我們使用vue-cli來初始化一個vue專案。 npm install
iView基礎學習(1)-Vue-Cli3.0建立專案
Vue-Cli3.0建立專案 一、基礎知識 (1)使用Vue UI建立、管理專案 (2)專案結構目錄整理 (3)初始檔案新增 (4)基本配置講解 (5)跨域配置 二、使用Vue UI建立、管理專案 1、首先安裝vue-cli3.0 2、終端執行vue ui
vue-cli3.0建立專案
首先,npm i -g @vue/cli 全域性安裝vue-cli3.0, 如果有報錯可以嘗試sudo npm i -g @vue/cli 或者sudo cnpm i -g @vue/cli &nbs
vue配置、建立專案及執行
首先安裝Node.js, npm i -g cnpm --registry=https://registry.npm.taobao.org 安裝映象 安裝以後cnpm可以代替npm cnpm i -g vue-cli安裝腳手架 進入工作空間目錄 按照自己的需要選擇 建立完成以後CD進去專案根目
vue-cli3.0建立專案報npm install --loglevel error 踩坑的那把辛酸淚
建立專案 vue create vue-pro 然後如下圖 一開始以為是npm的問題,解除安裝了Mac的node ,安裝nvm,然後再安裝node (可參考: Mac中nvm的安裝和使用 https://www.cnblogs.com/yf2196717/p/10556
用pycharm建立專案並配置
1.先進入自己的虛擬環境 workon dailyfresh 2.在自己的虛擬環境下建立專案: django-admin startproject dailyfresh 3.在虛擬環境中安裝mysql包----(先確認自己機器上有mysql,沒
weex 02建立專案並執行
安裝 weex-toolkit 之後就可以來進行專案的建立了 建立專案 weex create helloweex //建立 專案名為 helloweex 的工程 配置平臺 此時專案已經建立完成了,用 Visual Studio 開
git在遠端伺服器建立專案並將原生代碼推送到伺服器上
1.進入到遠端伺服器 ssh name (name:遠端伺服器地址) 2.進入以後新建一個空的倉庫 git init --bare name (name:倉庫的名稱) 3.退出遠端伺服器 exit 4.到需要提交的檔案的目錄裡面(命令:cd) 5.在需要提交的檔
gitlab建立專案並從本地上傳程式碼
1、建立專案 使用root使用者和重置後的密碼登入gitlab web端,初始化密碼是5iveL!fe,點選上端Projects--Your projects,單機右端的New project,輸入專案名,例如“test”。 2、配置ssh-key 2.1、下載安裝
Laravel建立專案和安裝PHPStorm IDE外掛
一.win10下安裝composer1.下載composer.phar,放入php的安裝目錄https://getcomposer.org/download/1.4.2/composer.phar2.新建 composer.bat 檔案,並複製下列程式碼到檔案中,然後執行,為
spring-boot 建立專案並配置遠端部署到tomcat
#spring-boot 建立專案並配置遠端部署 1. 建立一個空白maven專案 建立一個Maven專案比較簡單, 我使用的是IDEA InteliJ, 建立一個空白的Maven專案, GroupId 和 ArtfactId 按照自己的想法填寫. 2. 增加
pycharm整合django 建立專案並訪問自定義頁面
Pycharm 整合Django 1. 版本資訊: Python:3.6 Django:1.11.7 2. 下載安裝這裡就不說了,百度官網下載 3. 環境搭建好就可以使用 django-admin.py startproject Test建立專案。 進入自己想要專
git 碼雲 上建立專案 並clone倉庫到本地 git配置過程記錄
1.配置客戶端名稱和郵箱 建議所有命令為手打。要不可能會出錯 git config --global user.name "自己的名字" git config --global user.email "自己的郵箱" 2.生成郵箱賬戶的公鑰(註冊的郵箱號) ss