10分鐘搭建Vue環境及安裝腳手架（Vue入門篇）

vue理念（題外話）

1、node安裝

2、基於node.js,安裝**映象

國內直接使用 npm 的官方映象是非常慢的，這裡推薦使用** npm 映象。

新建乙個資料夾，開啟資料夾，在資料夾中按住鍵盤的shift鍵 + 滑鼠右邊，在彈出彈框中選擇「在此處開啟命令視窗（w）」，開啟命令視窗（cmd），如圖

在命令列中輸入如下內容：

npm install -g cnpm –registry=

回車，等待安裝完成……

3、安裝webpack

繼續在命令視窗中輸入如下內容：

cnpm install webpack -g

回車，等待安裝完成……

4、安裝全域性vue-cli腳手架

繼續在命令視窗中輸入如下內容：

cnpm install vue-cli -g

回車，等待安裝完成……

5、建立本地vue專案（以上都配置之後，以後新建專案從此步驟開始即可~）

繼續在命令視窗中輸入如下內容：

vue init webpack 你自己隨便起的檔名 ( 名字不能用中文 )

例如： vue init webpack vue_test

回車，如下圖

注：eslint會規範你的**，如果此處選擇為「yes」，在正式編碼時多（少）乙個空格錯誤都有可能報錯；

6、進入新建的目錄中

繼續在命令視窗中輸入如下內容：

cd 目錄名稱（你自己剛剛起的檔名）

回車

7、安裝專案依賴 這一步會比較慢 因為檔案很多

繼續在命令視窗中輸入如下內容：

npm install

注：不要從國內映象cnpm install安裝，會導致後面缺了很多依賴庫（網上看到，未證實）

新建專案如下

8、啟動專案

繼續在命令視窗中輸入如下內容：

cnpm run dev

啟動專案之後，瀏覽器自動開啟新頁面（如下圖），則表示vue專案環境搭建及安裝成功

9、命令視窗退出監聽（ctrl + c）

10分鐘安裝Elasticsearch

最近在嘗試著搭建乙個elk 乙個開源的實時日誌分析平台 而本文所講的elasticsearch 下文簡稱es 就是其中的e。這篇文章我們就一起來看下如何在ubuntu上安裝es。至於elk平台的搭建過程，後續會有文章介紹。es是個開源分布式搜尋引擎，它具有以下特點。es建立在全文搜尋引擎apache...

10分鐘搭建MQTT單機集群

yum install y mosquitto 或者 apt get install mosquitto cp r etc mosquitto etc mosquitto 1884 cp r etc mosquitto etc mosquitto 1885 vim etc mosquitto mos...

10分鐘學會Less開發環境搭建與初體驗

less 是一門 css 預處理語言，它擴充了 css 語言，增加了諸如變數 混合 mixin 函式等功能，讓 css 更易維護 方便製作主題 擴充。今天看一下，10分鐘能不能手把手快速教會你less環境搭建以及使用入門。less環境搭建 1 安裝nodejs。開啟命令提示符 win r 分別輸入n...