VUE+Element環(huán)境搭建與安裝的方法步驟

更新時(shí)間：2019年01月24日 11:37:40 作者：xingchenhy

這篇文章主要介紹了VUE+Element環(huán)境搭建與安裝的方法步驟，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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

2，在命令行創(chuàng)建文件夾

3，安裝Vue-cli

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

輸入：vue ,查看vue相關(guān)信息

4,初始化項(xiàng)目

vue init webpack last_demo 然后等一下就會(huì)出現(xiàn)相關(guān)的信息，再自己去選擇安裝的一些設(shè)置

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

如果你的文件夾中沒(méi)有node_modules的文件，那么你就要在命令行中打開(kāi)你的項(xiàng)目并輸入:

npm install

5,運(yùn)行VUE環(huán)境,輸入npm run dev ，然后使用瀏覽器打開(kāi)：http://localhost:8080

一、搭建環(huán)境

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

安裝好后可以打開(kāi)命令行用 npm-v node-v 查看是否安裝成功以及版本號(hào)

如果以前已經(jīng)安裝過(guò)node 和 npm 最好升級(jí)到最新版本，命令行 npm install npm@x.xx.x

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

接下來(lái)新建項(xiàng)目，運(yùn)行 vue init webpack demo 這里的demo是你項(xiàng)目的名字，接下來(lái)會(huì)有一些初始化的設(shè)置，其中vue-router是路由，反正我都會(huì)選擇安裝，其他的可以回車(chē)跳過(guò)或者選擇no