界面安装vue

一、NodeJs安装
1、下载Windows 安装包(.msi),并安装 https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
2、测试nodejs是否安装成功。(npm -v)
注意:如果报下面的错误,只需把C:UsersAdministratorAppDataRoaming下的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
原文地址:https://www.cnblogs.com/alex-13/p/14097336.html