界面安装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
安装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