美文网首页Vue+ElementUI
Vue+ElementUI项目笔记(一、项目搭建)

Vue+ElementUI项目笔记(一、项目搭建)

作者: 怪兽别跑biubiubi | 来源:发表于2017-11-04 22:32 被阅读0次

    1、下载脚手架  npm install vue-cli -g

    2、验证安装      vue --version

    3、新建项目  vue init webpack 文件名(使用英文名称)

    4、进入到生成目录里面 cd 文件名 ,下载依赖   cnpm install

    5、运行  npm run dev

    6、下载elementUI  :npm i && npm i element-ui

    7、引入 Element

    完整引入:在main.js文件下引入

    import  Vue  from  'vue'

    import  ElementUI  from  'element-ui'

    import  'element-ui/lib/theme-chalk/index.css'

    import  App  from  './App.vue'

    Vue.use(ElementUI)

    new  Vue({

            el:'#app',

            render:h=>h(App)

    })

    相关文章

      网友评论

        本文标题:Vue+ElementUI项目笔记(一、项目搭建)

        本文链接:https://www.haomeiwen.com/subject/xhrdvttx.html