美文网首页
简单谈谈vue-cli

简单谈谈vue-cli

作者: lonelyRon | 来源:发表于2017-12-22 13:21 被阅读0次

闲言

在JavaScript领域,Angular、React.js和vue.js之间的战斗一直在持续升温!为了工作,程序员选择正确的框架和库来构建应用程序是至关重要的(真的重要吗?还不是因为水平高的人不想重复造轮子,水平低的人比如我自己0..0恨不得找个能一键构成项目的框架,不过要是那样的话我们应该也失业了)好在这个框架还是需要开发人员去操作部署的,言归正传说起vue就要简单说一下与vue并驾齐驱的另外俩假马车了对就是大家听说过的Angular和React

先谈一谈前端目前的三大框架

Angular

angular最开始1版本的时候自己闲来无事学习了一些,在刚开始的时候是最早的mvc框架但是后来据说走偏了然后直接推出了angular2版然后到现在发展到了五,对于新手不是很友好

React

最稳定,社区活跃量最大,大佬扎堆的开源框架,后来据说是因为协议的问题一直有纠纷,若使用react的产品与facebook的业务存在商业竞争关系,则其授权失效。意思就是你不能用他家的东西开发抢他家生意的产品,不然就不给你用,然后百度大佬就弃用了

Vue

大佬的评价

Vue.js在可读性、可维护性和趣味性之间做到了很好的平衡。 Vue.js处在React和Angular 1之间,而且如果你有仔细看Vue的指南,就会发现Vue.js从其它框架借鉴了很多设计理念。 Vue.js从React那里借鉴了组件化、prop、单向数据流、性能、虚拟渲染,并意识到状态管理的重要性。 Vue.js从Angular那里借鉴了模板,并赋予了更好的语法,以及双向数据绑定(在单个组件里)。

自己的评价

好!好!好!重要的事情说三遍,我觉得他好的原因就是他是中文文档(他他么的)是中文文档,对于我们这种英语2级的码农来说这就是福利啊。

vue全家桶的搭建

一、环境的搭建

首先你得有一个node

https://nodejs.org/zh-cn/download/
然后我们就可以开开心心的搭建了,来傻瓜操作开始点击

开始

按钮在最下方的

搜索和文件

文本框中输入

cmd
[图片上传失败...(image-9e7e2b-1513920190967)]

cmd常用命令

https://www.cnblogs.com/kekec/p/3662125.html
cd Downloads

因为我总是在github上面下载一些别人的代码所以就在Downloads这个目录下作为根目录 全局安装 webpack
npm install -global webpack

全局安装 vue-cli
npm install --global vue-cli
创建一个基于 webpack 模板的新项目
vue init webpack my-project(你的项目名称)
然后一路回车到家,除了User Eslint to lint your code 和set up unit tests 和 setup e2e tes unit tests with Nigthwatch输入n不要问为什么快上车码完代码要去吃鸡了,有兴趣的自己查一下。
安装依赖,走你
cd my-project
npm install

npm run dev

大功告成

相关文章

  • 简单谈谈vue-cli

    闲言 在JavaScript领域,Angular、React.js和vue.js之间的战斗一直在持续升温!为了工作...

  • vue_cli

    作者:台湾小凡 1. vue-cli 简介 简单介绍 vue-cli 官网 [vuejs/vue-cli: Sim...

  • Vue-cli搭建项目

    第一步 vue-cli vue-cli安装非常简单,它为我们节省了很多webpack配置文件。vue-cli的使用...

  • vue-cli配置mock数据

    旧版本vue-cli参考如下文章:【最简单版】vue-cli项目中怎么mock数据 因为最新版本的vue-cli已...

  • Vue项目构建

    一.初始化简单demo 1.首先全局安装vue-cli: $npm install -g vue-cli 2.使用...

  • 搭建Vue+Express双模板脚手架01

    目标 读Vue-cli的源码以及webpack模板的源码,理清相互的调用关系 上图简单的给出了利用Vue-cli生...

  • 浅谈Mvp

    简单谈谈mvp

  • 开发vue组件并发布至npm

    创建 vue-cli创建vue简单项目vue init webpack-simple vue-leaflet-ma...

  • 关于Vue-cli脚手架webpack模板的目录结构

    使用过Vue的朋友们应该非常清楚,使用vue-cli构建的项目十分简单,今天和大家说一下有关于Vue-cli的目录...

  • 简单谈谈小米

    谈到小米,首当其冲的是小米手机。它开启了低端智能手机的市场,席卷了中国移动互联网风潮。不考虑饥饿营销的因素,小米追...

网友评论

      本文标题:简单谈谈vue-cli

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