怎樣搭建VUE+Element環境

小編給大家分享一下怎樣搭建VUE+Element環境，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

1，安裝node，確保安裝4.0版本以上，具體的安裝可以百度。

2，在命令行創建文件夾

3，安裝Vue-cli

輸入：cnpm install -g vue-cli , 回車， 等待安裝。。。。

輸入：vue ,查看vue相關信息

4,初始化項目

vue init webpack last_demo 然后等一下就會出現相關的信息，再自己去選擇安裝的一些設置

安裝完的時候，你的文件夾就變成了這樣了：

如果你的文件夾中沒有node_modules的文件，那么你就要在命令行中打開你的項目并輸入:

npm install

5,運行VUE環境,輸入npm run dev ，然后使用瀏覽器打開：http://localhost:8080

一、搭建環境

由于新的node已經集成了npm，所以直接安裝node，前往node官網下載最新版本的node，根據自己的操作系統選擇相應的包，按照步驟一步步走就可以，這里不做過多介紹。

安裝好后可以打開命令行用 npm-v node-v 查看是否安裝成功以及版本號

如果以前已經安裝過node 和 npm 最好升級到最新版本，命令行 npm install npm@x.xx.x

首先全局安裝vue-cli,打開CMD命令行，npm install -g vue-cli

接下來新建項目，運行 vue init webpack demo 這里的demo是你項目的名字，接下來會有一些初始化的設置，其中vue-router是路由，反正我都會選擇安裝，其他的可以回車跳過或者選擇no

—按照提示，cd到新建的項目下，運行npm install

—運行npm run dev

到這里，不出意外的話可以在瀏覽器里面看到Vue的初始化模板了，如果沒有可能是端口號被占用，這里就將配置文件config/index.js里面的端口號改掉就可以了

另外還要補充一下，最后的打包如果在本地起服務器運行打包后的文件是無法運行的，會報錯404，所以這里將assetsPublicPath里面的 “/”改成”./”

二、安裝Element

到這里我們就可以愉快的玩耍Vue了，但是我們之前說的是 Vue + Element 所以接下來我們要繼續安裝ElementUI

cd到當前項目 運行 npm i element-ui -S

到這里我們已經安裝好了element，接下來就是在項目里面引用了，打開src目錄下的main.js

三、打包

在項目目錄下運行 npm run build 運行完成之后會在項目里面增加一個dist的目錄，直接把這個目錄丟給服務器就好了，dist目錄的名字可以自定義在配置文件里面

以上是“怎樣搭建VUE+Element環境”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！