vue2.0項目引入element-ui

GraphQuery 發布于2019-08-01 17:34 / 1124人閱讀

摘要：從新建項目到引入組件一新建項目查看和是不是已經安裝好命令沒有安裝的先安裝環境安裝國內的淘寶鏡像文件，后面的安裝可以全部改為安裝安裝你的運行目錄新建項目進入項目目錄安裝依賴運行項目發布項目注電腦需要在安裝淘寶鏡像前執行二

從新建vue項目到引入組件Element 一、新建項目

1.查看 node和npm是不是已經安裝好命令：node -v  npm -v (沒有安裝的先安裝環境);
2.npm install -g cnpm --registry=https://registry.npm.taobao.org  (安裝國內的淘寶鏡像文件，后面的安裝npm可以全部改為cnpm)
3.安裝 vue-cli   
    1、cnpm install -g vue
    2、cnpm install -g vue-cli 
4. 安裝 webpack   cnpm install -g webpack 
5.cd  你的運行目錄
6.新建vue項目      vue init webpack vuedemo
7.進入項目目錄     cd vuedemo
8.安裝依賴        cnpm install
9.運行項目        cnpm run dev
10.發布項目       cnpm run build
注：mac電腦需要在安裝淘寶鏡像前執行： sudo chown -R $USER /usr/local

二、使用element-ui前需安裝的模塊：

1. 安裝 Element-UI 模塊

   cnpm install element-ui --save

三、引入Element，前面已經全局安裝了element-ui，只需要在Vue項目中引入即可

 1、打開項目：src/main.js,添加下面三條
      import ElementUI from "element-ui"
   import "element-ui/lib/theme-chalk/index.css"
   Vue.use(ElementUI)

四、然后在.vue文件里就直接可以用了

例如：做一下修改,加入element-button按鈕：

五、成功后的截圖：

GPU云服務器云服務器 vue2.0 cdn web項目引入jquery element-ui element-ui dialog組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51229.html

vue2.0項目引入element-ui

摘要：從新建項目到引入組件一新建項目查看和是不是已經安裝好命令沒有安裝的先安裝環境安裝國內的淘寶鏡像文件，后面的安裝可以全部改為安裝安裝你的運行目錄新建項目進入項目目錄安裝依賴運行項目發布項目注電腦需要在安裝淘寶鏡像前執行二從新建vue項目到引入組件Element 一、新建項目 1.查看 node和npm是不是已經安裝好命令：node -v npm -v (沒有安裝的先安裝環境); 2....

荊兆峰 2019-08-21 16:17 評論0 收藏0
Vue國際化處理 vue-i18n 以及項目自動切換中英文

摘要：直接上預覽鏈接國際化處理以及項目自動切換中英文環境搭建命令進入項目目錄，執行以下命令安裝國際化插件項目增加國際化翻譯文件在項目的下添加文件夾增加中文翻譯文件以及英文翻譯文件，里面分別存儲項目中需要翻譯的信息。 0. 直接上預覽鏈接 Vue國際化處理 vue-i18n 以及項目自動切換中英文 1. 環境搭建命令進入項目目錄，執行以下命令安裝vue 國際化插件vue-i18n...

wangtdgoodluck 2019-08-26 11:51 評論0 收藏0
vue2.0+axios+mock+axios-mock+adapter實現登陸

摘要：做項目過程中，需要用到后臺模擬數據，在機緣巧合下發現了，在學習使用的過程中又偶遇了。做項目過程中，需要用到后臺模擬數據，在機緣巧合下發現了mock，在學習使用的過程中又偶遇了axios-mock-adapter?，F在將實例展示如下：準備實例是建立在vue-cli的基礎上實現需要提前安裝的插件有：axios：npm install axio --savemockjs：npm ins...

RancherLabs 2019-08-22 18:49 評論0 收藏0
Vue2.0 + ElementUI 手寫權限管理系統后臺模板（一）——簡述

摘要：簡介最近寫了一個基于權限管理系統的后臺模板，包含了正常項目開發所需的框架功能，開發者使用的時候只需要專注于項目的業務邏輯就好。同時接下來會讓你擁有一個自己完全掌控的框架。簡介最近寫了一個基于vue2.0+element-ui權限管理系統的后臺模板，包含了正常項目開發所需的框架功能，開發者使用的時候只需要專注于項目的業務邏輯就好。同時接下來會讓你擁有一個自己完全掌控的框架。源碼地址...

_ivan 2019-08-23 14:06 評論0 收藏0
WEBPACK+VUE2.0開發請求本地模擬數據的配置方法

摘要：在其的下面增加以下代碼代碼為在根目錄下創建存放模擬的數據文件我命名為，名字可以根據自己口味定義，但是要跟第一步的配置依賴要一樣。數據存放文件也需要更改為為請求的地址，為查詢數據的入口請求請求歐了早期在vue構建工程文件在build里面有dev-server.js，但是后來構建去除了該文件集成到了webpack的webpack.dev.conf.js里面。在項目制作過程中，作為一個前...

galaxy_robot 2019-08-22 11:22 評論0 收藏0