界面安装vue

一、NodeJs安装

1、下载Windows 安装包(.msi)，并安装 https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

2、测试nodejs是否安装成功。（npm -v）

注意：如果报下面的错误，只需把C:\Users\Administrator\AppData\Roaming下的npm文件删除就可以了。

3、配置nodejs环境变量

二、 vue-cli脚手架安装

1.设置淘宝镜像

安装npm，由于npm官网镜像访问太慢，我们使用淘宝的npm镜像，在node命令窗口

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

 

2 . 接下来就是重点了 ,想要界面, 安装vue-cli

cnpm i -g @vue/cli

或者

cnpm install vue-cli -g

3.界面安装vue

vue ui

 

非界面安装：、进入到要新建项目的文件夹，然后初始化项目： vue init webpack vue-demo

　

New project

　　Project folder ---demo2

Next

　　Manual(手动创建)

 Next

Features(功能部分勾选以下)：

　　Babel

　　Router

　　Use config files

Create Product

Continue without saving

http://localhost:8000/plugins

安装element插件步骤：

Plugins(插件)  --- + Add plugin

搜索 element

搜到 ：vue-cli-plugin-element  ，然后在前面勾选，Install vue-cli-plugin-element

安装完第一步骤后：

How do you want to import Element? 下拉选择，Import on demand（按需导入）

Finish installation（最后一步安装）

 

安装axios依赖步骤：

 dependencies  --

搜索 axios   ，然后在前面勾选，Install axios   

 

安装完了，运行项目：

Tasks->serve->Run task