Vue项目搭建

一、环境搭建

npm install -g vue-cli

vue init webpack-simple demo

# 初始化完整的webpack项目
vue init webpack demo2

二、引入依赖包

1、引入elementUI库
  npm i element-ui -S

2、引入路由
  npm install vue-router

3、引入axios组件
  npm install axios

4、引入css预处理器less
  npm install -g less
  npm install less less-loader --save

5、引入vuex
  npm install vuex --save

在vue中引入外部less文件
vue 使用less全局变量

三、启动项目

  npm run dev

四、配置项目
1、Vue2+VueRouter2+Webpack+Axios 构建项目实战(二)配置环境及构建初始项目
2、Vue2+VueRouter2+Webpack+Axios 构建项目实战(三)认识项目所有文件
3、Vue项目实战(四)调整 App.vue 和 router 路由
4、vue-axios封装请求(十二)
五、配置全局urlAPI文件

1、简化路径配置.jpg

2、配置文件目录,配置urls入口.jpeg

六、使用Vuex
在vue-cli下使用vuex(详细教程)

七、vue vuex vue-router后台项目——权限路由(超详细简单版)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 天边响起的冬雷声敲醒了绿叶的梦,江南好象是春天我赤裸裸的跳进太浦河向西,向北,一直北上逆流,穿梭在隨杨帝的大运河经...
    鸿蒙一叶阅读 384评论 23 26
  • 这座每时每刻都人满为患,车水马龙的城市。空气里每个角落都会有不同的喧闹声,喇叭声。不经意间。你会听见街头大妈的细细...
    程小程connie阅读 340评论 0 1
  • 区块链是基于加密算法,共识算法,p2p网络和经济激励的一个系统,加密算法在里面起到了非常关键的作用,总结一下Neo...
    转角遇见一直熊阅读 1,780评论 0 1
  • 前言 交友须胜己:找积极向上,更有学识的人成为你朋友。(感悟:读书读难些,不要读特别舒适的书,逃离舒适区,才能有成...
    我叫火山阅读 687评论 0 0