zoukankan      html  css  js  c++  java
  • vue2.5项目安装+vue全家桶:vue+vue-cli+vue-router+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

  • 相关阅读:
    Mac快捷键符号解释及用法介绍
    Mac使用小技巧:Fn键的妙用技巧
    Mac快捷键大全
    idea 开发SpringBoot项目并打包docker镜像部署到节点上
    .netcore linux开机自启脚本
    javascript Event Loop
    mysql函数使用技巧
    MySql查找慢查询sql
    js优先队列和链表
    mysql性能优化
  • 原文地址:https://www.cnblogs.com/yizhilin/p/13557046.html
Copyright © 2011-2022 走看看