一步步教你搭建一個完整的前端專案(基於vue、element-ui、webpack)
準備工作
需要先安裝node環境,官方地址:https://nodejs.org
開始搭建
Windows下不要使用git自帶的mintty執行命令,切換選項時會失效的。覺得cmd難看的話用PowerShell會好一些,只是好一些,呵呵。
安裝vue
npm install vue && npm install --global vue-cli
生成專案結構,安裝依賴
vue init webpack project-name && cd project-name && npm install
安裝element-ui
npm i element-ui -S
執行
使用開發模式執行(可以熱部署哦!!!)
npm run dev
其他
可以根據需要安裝less包,一種新的樣式表風格
npm install less less-loader --save -d
打包
npm run build
執行完畢後會在根目錄生成一個dist
目錄,裡面是一套經壓縮過的完整的應用包。
相關推薦
一步步教你搭建一個完整的前端專案(基於vue、element-ui、webpack)
準備工作 需要先安裝node環境,官方地址:https://nodejs.org 開始搭建 Windows下不要使用git自帶的mintty執行命令,切換選項時會失效的。覺得cmd難看的話用PowerShell會好一些,只是好一些,呵呵。 安裝vue npm instal
一步步教你搭建別人的laravel專案
概述: 在多種的PHP開發框架(PHP Web Framework)中,說到簡潔、優雅的 當然是Laravel,並且目前Laravel發展迅速,今天已經到5.4版本了,然而國內關於Laravel的資源卻不多,多數問題還得到國外的技術論壇去找。最近我的公司也
一步步教你搭建Android開發環境(有圖有真相)--“自吹自擂:史上最詳細、最囉嗦、最新的搭建教程”
宣告:轉摘請註明http://blog.csdn.net/longming_xu/article/details/28241045 前言:為什麼要寫這麼一篇文章?網上介紹Android開發環境搭建的文章一片一片的,我為什麼要自己”重複的去造輪子“呢?原因有三個:第一個
【Android】從無到有:手把手一步步教你使用最簡單的Fragment(三)
轉載請註明出處,原文連結:https://blog.csdn.net/u013642500/article/details/80585416 【本文適用讀者】 用程式碼建立並使用了 Fragment,新增 Fragment 之
【Android】從無到有:手把手一步步教你使用最簡單的Fragment(二)
轉載請註明出處,原文連結:https://blog.csdn.net/u013642500/article/details/80579389 【本文適用讀者】 targetSdkVersion 版本大於等於 21,即 app 即將有可能
【Android】從無到有:手把手一步步教你使用最簡單的 Fragment(一)
轉載請註明出處,原文連結:https://blog.csdn.net/u013642500/article/details/80515227 【本文適用讀者】 知道 Fragment 是什麼,不知
一步步教你建立自己的數字貨幣(代幣)進行ICO
本文從技術角度詳細介紹如何基於以太坊ERC20建立代幣的流程. 寫在前面 本文所講的代幣是使用以太坊智慧合約建立,閱讀本文前,你應該對以太坊、智慧合約有所瞭解,如果你還不瞭解,建議你先看以太坊是什麼 代幣Token 如果不那麼追求精確的定義,代幣就是數字貨幣,比特
一步一步教你寫一個快遞查詢APP(適合新手)
前言: 水平:自學Android十五天,以前有過混日子的程式設計經驗。 目標: 《第一行程式碼》學完之後,總想寫個APP,天氣的APP寫了個初版,後面再說,今天演示的是製作快遞查詢APP的整個經過。 適合人群:新手 工具:A
一步步教你讀懂NET中IL(附帶圖)
一步步教你讀懂NET中IL(附詳細圖) 接觸NET也有1年左右的時間了,NET的內部如何實現對我產生了很大的吸引力,在msdn上找到一篇關於NET的IL程式碼的圖解說明,寫的挺不錯的,在此基礎上加上個人的理解,每一個步驟都附帶圖解說明,如果你以前對NET中IL感覺晦澀難懂,頭昏腦漲的時候,沒關
手把手教你在STM32下移植UCGUI(基於正點原子的MINI開發板)
準備資料: 1、 到網上下載UCGUI3.90的原始碼,如果下不到,可以點選以下連結進行下載: 下載後解壓,可看到如下目錄: Sample目錄主要包含一些示例程式碼,Start目錄包含工程檔案和原始碼,Tool包含一些取模工具,很實用。 開始移
一步步教你如何打造一個網站克隆工具仿站
obj cell ins 地址 line load mail als () 前兩天朋友叫我模仿一個網站,剛剛開始,我一個頁面一個頁面查看源碼並復制和保存,花了我很多時間,一個字“累”,為了減輕工作量,我寫了個網站“克隆工具”,一鍵克隆,比起人工操作, 效率提高了200%以上
【java專案實戰】一步步教你使用MyEclipse搭建java Web專案開發環境(一)
首先,在開始搭建MyEclipse的開發環境之前,還有三步工具的安裝需要完成,只要在安裝配置成功之後才可以進入下面的java Web專案開發環境的搭建。 1、安裝工具 第一步,下載並
一步步教你使用MyEclipse搭建java Web專案開發環境
首先,在開始搭建MyEclipse的開發環境之前,還有三步工具的安裝需要完成,只要在安裝配置成功之後才可以進入下面的java Web專案開發環境的搭建。 1、安裝工具 第一步,下載並安裝JDK,到官網上下載安裝即可,之後需要細心的配置環境變數,我給大家推薦百度文庫的
一步步教你實現完整的複雜列表佈局
本篇文章已授權微信公眾號 guolin_blog (郭霖)獨家釋出 引子:我們在工作中遇到最多的檢視場景恐怕就是各種樣式的列表了,這也是由手機螢幕有限的尺寸決定的,隨著需求的日益豐滿,我們會發現列表的樣式也隨之做著各種各樣的變更:樣式越來越多了,佈局越來越複雜
一步一步帶你搭建一個“摩登”的前端開發環境
js 型別系統 最近糾結一個問題,前端的 js 由於其動態的特性,寫幾行程式碼,在瀏覽器重新整理一下就能看到結果了,非常適合快速開發和迭代。但隨著程式碼的規模越來越大,到了後期就會變得難以維護,任何的改動都有可能引入新的 bug,js 工程師需要花費越來越多的時間來除錯修復各種 bug。 造成這樣結果的原因
一步步教你用Prometheus搭建實時監控系統系列(一)——上帝之火,普羅米修斯的崛起
## 上帝之火 本系列講述的是開源實時監控告警解決方案`Prometheus`,這個單詞很牛逼。每次我都能聯想到帶來上帝之火的希臘之神,普羅米修斯。而這個開源的logo也是火,個人挺喜歡這個logo的設計。 本系列著重介紹`Prometheus`以及如何用它和其周邊的生態來搭建一套屬於自己的實時監控告警平
一步步教你用Prometheus搭建實時監控系統系列(二)——詳細分析拉取和推送兩種不同模式
## 前言 本系列著重介紹`Prometheus`以及如何用它和其周邊的生態來搭建一套屬於自己的實時監控告警平臺。 本系列受眾物件為初次接觸`Prometheus`的使用者,大神勿噴,偏重於操作和實戰,但是重要的概念也會精煉出提及下。系列主要分為以下幾塊 * `Prometheus`各個概念介紹和搭建,
用Html5/CSS3做Winform,一步一步教你搭建CefSharp開發環境(附JavaScript異步調用C#例子,及全部源代碼)上
轉載 界面設計 右鍵 異步 一個 由於 編寫 scrip 調用 本文為雞毛巾原創,原文地址:http://www.cnblogs.com/jimaojin/p/7077131.html,轉載請註明 CefSharp說白了就是Chromium瀏覽器的嵌入式核心,我們用此開發W
機器學習:一步步教你理解反向傳播方法
神經網絡 方法 數學 https 以及 看到了 兩個 簡單的 down http://www.360doc.com/content/17/0209/17/10724725_627833018.shtml 數學完全看不懂 看到了這篇通過示例給出反向傳播的博文A Step by
手把手教你實現一個完整的BST(超級詳細)
查找樹 str image isempty 使用 this 根據 數據 false 查找基本分類如下: 線性表的查找 順序查找 折半查找 分塊查找 樹表的查找 二叉排序樹 平衡二叉樹 B樹 B+樹 散列表的查找 今天介紹二叉排序樹。 二叉排序樹 ( Binary