美文网首页
Vue项目搭建

Vue项目搭建

作者: 罗小耳 | 来源:发表于2018-10-09 16:29 被阅读14次

一、环境搭建

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后台项目——权限路由(超详细简单版)

相关文章

网友评论

      本文标题:Vue项目搭建

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