• 35648

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Vue创建项目,使用Element-UI

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0703/5195.html 1190000019640970

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开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就引入成功了

相关文章

暂住......别动,不想说点什么吗?
  • 全部评论(0
    还没有评论,快来抢沙发吧!