Vue创建项目,使用Element-UI

2019年9月16日 132次阅读 来源: kzhang

vue项目的创建

vue init webpack XXX(项目名);
    ? Project name (这里填写项目名)
    ? Project descrption (这里填写的是项目的描述,不填就回车)
    ? Author (这里填写的是作者)
    ? Vue build ? Install vue-router? Yes (使用vue-router)
    ? Use EsLint to lint your code? No
    ? Set up unit tests No(测试相关)
    ? Setup e2e tests with Nightwatch? No (测试相关)
    ? Should we run `npm install` for you after the project has been created?(recommended)npm (使用npm 还是yarn)

启动项目

会提示你进入某个文件夹 cd XXX
npm run dev

《Vue创建项目,使用Element-UI》

以上vue项目创建完成。

使用Element-UI开npm i element-ui -S

接着在main.js文件夹下

import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false

Vue.use(ElementUI);

  new Vue({
    el: '#app',
    router,
    render: h => h(App)
  });

这样Element-UI就引入成功了

    原文作者：kzhang
    原文地址: https://segmentfault.com/a/1190000019640970
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞