ElementUI簡介

我們學習VUE,知道它的核心思想式組件和數據驅動,但是每一個組件都需要自己編寫模板,樣式,添加事件,數據等是非常麻煩的,
所以餓了嗎推出了基於VUE2.0的組件庫,它的名稱叫做element-ui,提供了豐富的PC端組件

官網（http://element-cn.eleme.io/#/zh-CN）

簡單按鈕案例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- 1. 導入css -->
        <link href="https://cdn.bootcss.com/element-ui/2.8.2/theme-chalk/index.css" rel="stylesheet">
        <!-- 2. 引入vue和vue-router-->
        <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
        <!-- 未使用vue路由功能可不導入 -->
        <script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.js"></script>
        <!-- 3. 引入ElementUI組件 -->
        <script src="https://cdn.bootcss.com/element-ui/2.8.2/index.js"></script>
 
        <title></title>
    </head>
    <body>
        <div id="ht">
            <el-row>
                <el-button>默認按鈕</el-button>
                <el-button type="primary">主要按鈕</el-button>
                <el-button type="success">成功按鈕</el-button>
                <el-button type="info">信息按鈕</el-button>
                <el-button type="warning">警告按鈕</el-button>
                <el-button type="danger">危險按鈕</el-button>
            </el-row>
        </div>
    </body>
    <script type="text/javascript">
        new Vue({
            el:'#ht'
        })
    </script>
</html>

效果圖：

什么是Node.js

Node.js是一個基於Chrome V8引擎的[JavaScript運行環境]。 Node.js使用了一個事件驅動、非阻塞式I/O 的模型。
Node.js是一個讓JavaScript運行在服務端的開發平台，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳.

　　注意:

　　Node.js-->JavaScript運行環境，開發語言是：javascript
　　J2EE -->Java運行環境，開發語言是java

　　官方中文網（http://nodejs.cn/api/）

npm是什么

npm其實是Node.js的包管理工具（package manager）。

為啥我們需要一個包管理工具呢？

因為我們在Node.js上開發時，會用到很多別人寫的JavaScript代碼。

如果我們要使用別人寫的某個包，每次都根據名稱搜索一下官方網站，下載代碼，解壓，再使用，非常繁瑣。

於是一個集中管理的工具應運而生：大家都把自己開發的模塊打包后放到npm官網上，如果要使用，

直接通過npm安裝就可以直接用，不用管代碼存在哪，應該從哪下載。

更重要的是，如果我們要使用模塊A，而模塊A又依賴於模塊B，模塊B又依賴於模塊X和模塊Y，

npm可以根據依賴關系，把所有依賴的包都下載下來並管理起來。否則，靠我們自己手動管理，肯定既麻煩又容易出錯。

Node.js環境搭建

·　　由於Node.js平台是在后端運行JavaScript代碼，所以，必須首先在本機安裝Node環境。

下載nodeJS的安裝包

下載地址：https://nodejs.org/zh-cn/download/

　　樓主使用的是：node-v10.15.3-win-x64.zip

解壓nodeJS的解壓包，在根目錄下新增兩個文件夾node_global和node_cache

　　注意：最好解壓放在全英文目錄下，我就吃過這個虧=.=

配置環境變量

步驟如下：

打開此電腦的屬性

創建NODE_HOME 輸入解壓路徑我的是 E:\nodeJS\node-v10.15.3-win-x64

然后再Path中放我配置好的路徑並且還有我的文件 %NODE_HOME%;%NODE_HOME%\node_global

配置npm的全局模塊的下載地址

打開cmd命令

node -v npm -v我是用來測試版本的（如果顯示就成功了）

npm config set cache “E:\nodeJS\node-v10.15.3-win-x64\node_cache” npm config set prefix “E:\nodeJS\node-v10.15.3-win-x64\node_global” npm config set registry https://registry.npm.taobao.org/