vue项目环境搭建详解

安装nodejs

1.下载最新版本的Node.js安装

 傻瓜式安装即可

2.查看node，npm版本

打开cmd命令窗口，使用node -v命令
              使用npm -v命令
              
注：如果npm版本较低可以使用 npm install npm -g安装

3.使用以下命令全局安装vue-cli

npm install -g vue-cli 

4.或者使用国内的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g vue-cli 

5.查看版本

cmd命令输入 vue -V(大写)

6.搭建vue项目

使用命令 vue init webpack vue-demo 搭建vue项目, “vue-demo” 是你的项目名称

二、项目启动步骤

找到项目目录cmd进入 npm run dev

1.安装插件Element_UI

在终端输入
npm i element-ui –S
或cnpm i element-ui -S

2.使用Element_UI

在 main.js 中写入以下内容：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI);
Element_ui使用方法参见官方文档，其他插件安装方法类同