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 进入可视化界面创建项目
    此处也可以安装element插件,可以设为按需导入
    element-ui框架搭前台教程_第1张图片
    element-ui框架搭前台教程_第2张图片
  5. 也可以按下面方法导入
  6. 安装element ui
    进入指定项目 npm i element-ui -S
  7. 引入element
    【项目src 】-【main.js】下引入
    import ElementUI from ‘element-ui’;
    import ‘element-ui/lib/theme-chalk/index.css’;
    Vue.use(ElementUI);
    element-ui框架搭前台教程_第3张图片
  8. 运行
    npm run serve

你可能感兴趣的:(element-ui框架搭前台教程)