1. 程式人生 > >vue+webpack 從入門到精通(基礎篇)

vue+webpack 從入門到精通(基礎篇)

所謂工欲善其事必先利其器,眾所周知vue+webpack的開發需要本地安裝node環境(有還不知道的就先去知道知道再來看本博的文章吧)。

一、nodejs下載,安裝和配置本地環境,就自己百度一下,網上有很多的文章,此處就不再贅述。

二、全域性安裝vue 的腳手架工具vue-cli。npm install -g @vue/cli

三、全域性安裝webpack。npm install -g webpack

四、到這裡,恭喜基本工作已經完成。下面開始放大招了:

    1.建立一個基於webpack的專案,執行命令:vue init webpack my-project

  2.cd my-project

  3.npm run dev

  4.此時會在瀏覽器開啟一個視窗,看到一個簡單的vue demo。


  ###不刺激,不激動。到這你已經很厲害了,給自己一個yes。記得本主當時反正心情非常激動。沒有人帶,完全靠自己摸索完成的。

    所以,會有一點小小的成就感!!!

——————好了,就扯這麼多。可以關注本主,等待下次更新。後面會一步步帶領大家做個小專案。————————

相關推薦

vue+webpack 入門精通基礎

所謂工欲善其事必先利其器,眾所周知vue+webpack的開發需要本地安裝node環境(有還不知道的就先去知道知道再來看本博的文章吧)。一、nodejs下載,安裝和配置本地環境,就自己百度一下,網上有很

數據庫入門精通安裝

軟件 大連 主配置文件 eve 為我 入門到精通 bold 數據模型 system 一、數據庫介紹 了解數據庫之前我們先來了解幾個概念,什麽是數據,什麽是數據庫,什麽是數據庫管理系統,什麽是數據庫系統? 數據(Data): 描述事物的符號記錄稱為數據,描述事物的符號既

Jenkins 入門精通安裝

安裝方法有很多,本人也嘗試了rpm安裝,可能操作什麼問題吧,安裝過程不是那麼一帆風順,各種問題。 然後面和碼雲對接也沒對接上,可能配置沒配置哈,所有乾脆就重新安裝下,下載了個最新的 war包,然後直接對到tomcat  的  webapps 目錄下,將報名改成ROOT.wa

用Python和Pygame寫遊戲-入門精通Sprite

本文轉載自:http://eyehere.net/2011/python-pygame-novice-professional-sprite/ 這又是Pygame教程系列的一個——OVA篇,類似於py2exe篇一樣,額外寫的,也許不是pygame遊戲開發必須

nginx 入門到實踐 -基礎2

上篇說到了linux的安裝 目錄基本講解 以及啟動訪問。 下面繼續探索。 1)模組 –with-http_random_linux_module 目錄中選擇一個隨機主頁 _ witn-http_sub_module

用Python和Pygame寫遊戲-入門精通py2exe

本文轉載自:http://eyehere.net/2011/python-pygame-novice-professional-py2exe/ 這次不是直接講解下去,而是談一下如何把我們寫的遊戲做成一個exe檔案,這樣一來,使用者不需要安裝python就可以

angular入門基礎

頁面 anti uno itl func obd 作用域 input name 一、什麽是AngularJs? AngularJs是一個JavaScript框架,通過指令擴展了HTML,並且通過表達式綁定數據到HTML. AngularJs使得開發現代的單頁面應用程序(SP

python 入門到實踐 ---基礎筆記

python基礎入門第一部分 基礎知識 第 1 章 運行第一個程序 打印消息 “Hello world!” 。第 2 章 變量中存儲信息以及如何使用文本和數字。第 3 4 章 列表 使用列表能夠在一個變量中存儲任意數量的信息,從而高效地處理數據:只需幾行代碼,你就能夠處理數百、數千乃至數百萬個值。第

OpenCV入門基礎

3.1 Opencv命名規則 1. 函式命名規則 通用函式名為 cvAcitionTargetMod(…) 其中,Action表示核心函式(比如Set,Creat);           Target表示目標影象區域(比如:輪廓,多邊形);     

WebService案例入門基礎

一、簡介 Webservice:跨語言跨平臺的遠端呼叫技術。Web service 即web服務,它是一種跨程式語言和跨作業系統平臺的遠端呼叫技術即跨平臺遠端呼叫技術。 JAVA 中共有三種WebService 規範,分別是JAX-WS(JA

Spark修煉之道基礎——Linux大資料開發基礎:第十三節:Shell程式設計入門五)

本節主要內容 while expression do command command done (1)計數器格式 適用於迴圈次數已知或固定時 root@sparkslave02:~/ShellLearning/Chapter13# vim w

進階之路基礎 - 011 arduino api基礎手冊

異或 change 可用 算術運算符 chan 程序結構 換算 是否 關閉 arduino 函數 api 程序結構 在Arduino中, 標準的程序入口main函數在內部被定義, 用戶只需要關心以下兩個函數:void setup()void loop()setup() 函數

進階之路基礎 - 008 SPI數據傳輸(庫函數方法)

ria att clockd == bus 屏蔽 attach serial out 主機端: 1 /********************************* 2 代碼功能:SPI數據傳輸(主機端) 3 引腳說明: 4 SS/CS:片選(高電平屏

進階之路基礎 - 009 通過底層AVR方法實現SPI數據傳輸

lean oop and return false 進階 from setup pie 主機端: /********************************* 代碼功能:通過底層AVR方法實現SPI數據傳輸(主機端) 創作時間:2016*10*17 使用資源:

進階之路基礎 - 007 脈沖寬度測量

style 函數 long 最大 void serial 作者 println 電平 1 /********************************* 2 代碼功能:Pulse脈沖寬度測量 3 使用函數: 4 pulseIn(引腳號,脈沖響應電平,

百度地圖api入門介紹js

顯示 .com cnblogs androi web 入門介紹 步驟 api 地圖api 最近因為用到了百度地圖的api,感覺還有點用記錄一下,一方面充實一下自己,第二也希望有用到的同學可以參考一下;因為之前用過android baidu api 所以再用web

sql系列基礎-前言 課前補充知識

ng- 2.0 .sql nbsp 值範圍 lease size cte file 前言 課前補充知識 Number(p,s) Number(p,s):數字類型,p 表示數字的有效長度(從數字的左邊第 1 位不為 0 的開始算起,直到最右邊的長度。取值範圍 0~38

Oracle面試題基礎

exception pen pri 差異 地址 刪掉 方案 試題 大表 1. Oracle跟SQL Server 2005的區別? 宏觀上: 1). 最大的區別在於平臺,oracle可以運行在不同的平臺上,sql server只能運行在windows平臺上,由於window

基礎第1課:C#程序設計基礎——動起來的Label控件

創建 文本編輯器 ble 知識 項目 pac too cli 雙擊 參考:學通C#的24堂課(羊皮卷系列) 1. Tool:VS2017(VS2008 VS2010 都可以) 2. 新建項目:C# -> Windows應用窗體程序 3. 在彈出的Form窗口中添加L

數組與集合基礎

效率 變量 hset 取出 集合 初始 queue 字符 行為 一、數組 能存放任意多個同類型的數據 1. 數據的聲明與賦值合並書寫:數據類型[] 變量名 = new 數據類型[長度] ① 聲明:數據類型[] 變量名; ② 賦值:變量名 = new 數據類型[長度] 2