1、首先安装npm组件  下载地址:https://nodejs.org/en/

vs code 初始化vue项目框架

安装完

2、配置环境变量

vs code 初始化vue项目框架

3、验证是否成功 

node -v

npm -v

vs code 初始化vue项目框架

4、替换npm 

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

通过Windos PowerShell用管理员运行 cmd命令输入:set-ExecutionPolicy RemoteSigned  输入:A

接着输入: get-ExecutionPolicy 查看当前的状态

vs code 初始化vue项目框架

5、验证

vs code 初始化vue项目框架

6、初始化vue项目

vue init webpack xxx ---项目名

vs code 初始化vue项目框架

7、terminal输入

引入element ui组件

vs code 初始化vue项目框架

8、配置到main.js文件中

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

vs code 初始化vue项目框架

HelloWorld.vue替换模板

vs code 初始化vue项目框架

vs code 初始化vue项目框架

已添加按钮样式

相关文章: