element-ui框架搭前台教程

  1. 安装node(安装好后npm也安装好了)
  2. 安装npm镜像(dos窗口)
    npm config set registry https://registry.npm.taobao.org
  3. 安装脚手架
    npm install -g @vue/cli
    如果已经全局安装了旧版本的 vue-cli (1.x 或 2.x),则卸载旧版本
    npm uninstall vue-cli -g
  4. vue ui 进入可视化界面创建项目
  5. 安装element ui
    进入指定项目 npm i element-ui -S
  6. 引入element
    【项目src 】-【main.js】下引入
    import ElementUI from ‘element-ui’;
    import ‘element-ui/lib/theme-chalk/index.css’;
    Vue.use(ElementUI);
    element-ui框架搭前台教程
  7. 运行
    npm run serve