首页 > Web开发 > 详细

新建webpack-vue项目以及引入element ui组件

时间:2020-11-12 00:07:27      阅读:41      评论:0      收藏:0      [点我收藏+]

 

  1、用命令创建webpack模板项目

    vue init webpack 项目名,需要选是否的统一选否,所以的依赖手动添加

    技术分享图片

 

   2、安装依赖

    vue-router,element ui ,sass-loader,node-sass,axios插件

    安装路由:npm install vue-router

    安装element ui: npm i element-ui -s

    安装sass加载器:npm install sass-loader node-sass 

    安装axios: npm install  axios  vue-axios(npm install  --save axios  vue-axios)

   安装好以上插件再执行:npm  install

      安装好axios后,要在main.js中引入axios模块

      技术分享图片

 

   路由的配置和webpack-simple模板的类似

    1)创建路由表

      在src中 创建router文件夹,里面创建index.js,此时该文件就是一个路由表、

      技术分享图片

 

       2)在main.js中配置路由表

          vue-router表示全局使用路由模块

        技术分享图片

        技术分享图片

 

       3)在app.vue中创建路由视图

        技术分享图片

 

 

 

 

    

  3、启动工程

    npm run dev

 

     

    

新建webpack-vue项目以及引入element ui组件

原文:https://www.cnblogs.com/jimmy2019/p/13961509.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!