vue項目中，element組件的安裝和使用的方法

1、新建vue項目

     一、選取項目目錄，在命令行中運行命令 vue init webpack vueFirst 。解釋一下這個命令，這個命令的意思是初始化一個項目，其中webpack是構建工具，也就是整個項目是基於webpack的。其中vueFirst 是整個項目文件夾的名稱。

請注意：

vue2.0版本安裝時會出現如圖所示的狀況

WULI乖乖，有WARN！！！。別慌張。畫中的部分已經顯示finished啦，因此能夠繼續開發的寶寶。

有疑問能夠瀏覽文章 https://my.oschina.net/u/3797724/blog 有說明哦

    打開vueFirst 文件夾，項目文件以下所示。

 

二、安裝依賴

       繼續在命令行中依次輸入如下命令：

         cd vueFirst 

         npm run dev

三、運行項目(通常默認是8080端口，打開瀏覽器輸入localhost:8080)

    請注意：

        8080端口若是被佔用了，須要修改一下配置文件config/index.js

更改後便可正常顯示vue默認主頁了。WULI乖乖

2、下面引入Element

一、在當前目錄下，命令行中運行:npm i element-ui -S（高效實用：cnpm i element-ui -S）

       舒適提示：vue項目運行時的時候沒要輸入命令的話，要先退出執行

                        「Ctrl+C」

                        退出後便可運行其餘命令啦！WULI乖乖

二、在src/main.js中添加代碼（紅色的）

三、而後在.vue文件裏就直接能夠用了

        在src/components/Hello.vue作一下修改（紅色框內）

四、 執行命令：cnpm run dev 運行查看

五、上述（2）有時會報錯，一是查看element-ui的index.css路徑是否正確，第二由於報錯會顯示找不到文件，須要在build/webpack.base.conf.js文件中添加一段代碼，以下。

六、執行命令：cnpm run dev 運行查看

WULI乖乖 運行起來了呦。