代码改变世界
[登录 · 注册]
  • vue2.5项目安装+vue全家桶:vue+vuecli+vuerouter+vuex+axios
  • vue2.5项目安装

    1.安装Nodejs https://nodejs.org

    2.安装webpack-----------------------------------------------------------

    npm install -g webpack

    3.安装Vue-cli-------------------------------------------------------------

    npm install -g vue-cli

    npm install -g vue-cli@2.5       这个是vue-cli2.5

    查询当前版本vue   vue -V  

    4.建立一个模板项目--------------------------------------------------

    vue init webpack my-project

    5.cd my-project

    6.安装项目依赖库文件------------------------------------------------

    npm install

    7.安装element UI 库---------------------------------------------------

    npm i element-ui -S
    
    npm i axios -S

    8.引入elementUI ,axios库到项目,在main.js文件中添加------------------

    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    import axios from "axios";
    
    Vue.prototype.$axios = axios;
    Vue.use(ElementUI);

    9. npm run dev

    vue全家桶

    全家桶,对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。

    一、vue-cli

    二、vueRouter

    三、vuex

    四、Axios

    五、搭配UI框架如:iview、elementUI

    iview 一套基于 Vue的高质量UI 组件库(分为小程序和pc端等不同版本);

    vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。

    Ant Design Vue 是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。

    elementUI 是基于 Vue 2.0 桌面端中后台组件库。

    vue全家桶资料

    http://doc.liangxinghua.com/vue-family/1.html

    vue全家桶面试:https://www.cnblogs.com/onesea/p/13091470.html

  • 【推广】 阿里云小站-上云优惠聚集地(新老客户同享)更有每天限时秒杀!
    【推广】 云服务器低至0.95折 1核2G ECS云服务器8.1元/月
    【推广】 阿里云老用户升级四重礼遇享6.5折限时折扣!
  • 原文:https://www.cnblogs.com/yizhilin/p/13557046.html
Copyright 2008-2020 晋ICP备12007731号-1