现代前端框架大行其道,讲前端思想从操作dom的阶段,升级到操作数据的阶段。vue作为三大前端框架之一,其中平缓的学习曲线,让好多前端新手非常喜欢,应用也越来越广泛。虽然其他两个框架有facebook,和google撑腰,但是vue已然是不可小觑的对手了。无论你去做前端面试还是公司新项目技术选型,vue一定不会跑出你们的备选名单。下面简单讲讲做vue开发第一部,安装!

安装nodejs

vue依托nodejs,所以首先要安装nodejs,官网直接百度

点击下载链接,其中LTS或者 Current版。由于我电脑是window,我这边步骤就是直接下载好之后,点击安装,一路下一步下一步,就安装完了。

打开cmd,输入命令, node -v。正常出现版本号,说明你已经安装成功了。

小知识:LTS版本是定期更新的稳定版本,是按照时间维度来发布的版本。Current属于尝鲜版。

npm说明

npm是Node Package Manager。node的包管理工具,使用node之后你会接触各种各样成千上万的Package(包),就需要一个管理工具能很好的解决它的安装,更新,依赖包安装等等的维护。默认安装完node之后,npm会自动安装上的。还是cmd,输入命令 npm -V 。正常出现版本号,就可以了。

vue安装

有了npm之后,vue只是万千包中的一个,后续使用命令就不在赘述

npm install vue

等待安装结束就好了,是不是很简单

提示:大部分安装都会指导使用国内的taobao的cnpm,用过几次之后速度虽然提升不少,但是不知道什么原因,总是容易出现奇怪的类似依赖装不上之类的问题。直接用npm虽然没有刷刷的,但是只要不是特别多包,正常的等个三五分钟还是可以接受的。

vue-cli脚手架工具

官方提供方便的项目搭建工具,vue-cli。最开始进公司的时候,同事一说什么脚手架,我说啥玩意儿啊,其实就是搭建工具。去工地盖房子先要搭建 脚手架 才能开始干活嘛。vue-cli可以很方便的讲很多基础性的东西都搭建好,满足绝大部分项目需求。命令:

npminstall -g @vue/cli

官方最新版本3.0的脚手架还提供了图形界面,用起来简直不要太爽啊!

直接使用命令启动图形界面:vue ui

这里吐槽下我用的项目的脚手架是公司专门请什么高人做的脚手架,报错一大篇,不知道什么鬼。

项目搭建

至于在图形界面下如何搭建,就鼠标点点点就搭建完了。步骤图见下图

安装完启动

上面安装界面也都很快的。安装完之后可以很清晰的看到配置文件:

大功告成了

好了,到这里就启动完毕了。可以对照官网了解修改下里面的东西试试。本来向讲的简单点儿,又啰嗦了!

VUE初体验篇-安装的更多相关文章

  1. vue初学之node.js安装、cnpm安装、vue初体验

    1. 如果本机没有安装node运行环境,请下载node 安装包进行安装.地址:https://nodejs.org/en/ 2.装完,使用cmd命令行输入:node -v回车 如果输出版本号则成功. ...

  2. Git:Git初体验——Git安装配置

    作为即将成为一个程序员的男人,一直在听别人说Git多好多好,之前也随便了解了一些,但是始终没有决心去学会.现在大四了,只有毕设和一门开学六七周只去过一次课的全员必修课外,也没有什么事情做,何不去做这些 ...

  3. vue初体验:实现一个增删查改成绩单

    前端变化层出不穷,去年NG火一片,今年react,vue火一片,ng硬着头皮看了几套教程,总被其中的概念绕晕,react是faceback出品,正在不断学习中,同时抽时间了解了vue,查看了vue官方 ...

  4. 树莓派初体验,安装Ubuntu 14.04 LTS

    转载自:http://www.polarxiong.com/archives/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%9D%E4%BD%93%E9%AA%8C-%E5%AE ...

  5. Kubernetes Python Client 初体验之安装授权

    最近想做一个基于flask的云平台管理服务器,利用python调用kubenetes提供的API来实现云平台的操作.笔者使用的是Windows,kubernetes集群安装在Ubuntu和Respbi ...

  6. vue初体验

    作为一个前端的小菜鸟,在平时的开发与学习中,除了要深入了解javascript 及 css 的各种特性,熟悉一门框架也是必不可少的.vue以其小巧,轻便,学习平滑等各种特性深受欢迎. 这里总结一下小菜 ...

  7. 【Node.js】初体验之安装和HelloWorld

    听说Node.js是个蛮吊的东东.中午休息时间有限,暂时看了下知道怎么安装和初步使用了. 1.安装: 到Node.js官网下载就可以了,才5M多点,双击后按步骤安装就可以了. 2."Hell ...

  8. ORB-SLAM2 初体验 —— 配置安装

    转载请注明出处,谢谢 原创作者:MingruiYU 原创链接:https://www.cnblogs.com/MingruiYu/p/12286752.html ORB-SLAM2作为目前应用最广泛的 ...

  9. 【Android Studio】安卓开发初体验1——安装与试用

    安装 (安装预留硬盘(C盘)空余空间16G以上,8G以上内存) Intel用户: 安装Android Studio和AVD(安卓虚拟机 Android Virtual Device) 安装过程需要注意 ...

随机推荐

  1. ASP.NET MVC案例教程(六)

    ASP.NET六 一个小难题 我们继续完善“MVC公告发布系统”,这次,我们的需求是对公告发布功能添加日志记录能力,即在发布公告前,记录一次,在公告发布成功后,再记录一次.然后还要使得其具备异常处理, ...

  2. ng2

    angularjs2的环境问题解决了好久. 百度到的答案也是各种各样还解决不了我的问题. 好在这几天经过不断的测试终于给解决了. ERROR in AppModule is not an NgModu ...

  3. Rman常用命令

    配置基于时间的备份保留策略 RMAN> CONFIGURE RETENTION POLICY TO RECOVERY WINDOW OF 7 DAYS; 恢复spfile RMAN> re ...

  4. java反射之获取所有方法及其注解(包括实现的接口上的注解),获取各种标识符备忘

    java反射之获取类或接口上的所有方法及其注解(包括实现的接口上的注解) /** * 获取类或接口上的所有方法及方法上的注解(包括方法实现上的注解以及接口上的注解),最完整的工具类,没有现成的工具类 ...

  5. linux install Openvino

    recommend centos7 github Openvino tooltiks 1. download openvino addational installation for ncs2 ncs ...

  6. Django路由控制

    本文目录 一 Django中路由的作用 二 简单的路由配置 三 有名分组 四 路由分发 五 反向解析 六 名称空间 七 django2.0版的path 回到目录 一 Django中路由的作用 URL配 ...

  7. 使用guava过期map

    最近需要将微信的accesstoken保存到缓存里面,防止重复请求微信接口获取token,造成token请求次数超标,其实随便一个缓存都可以轻松解决,但是现有的环境中没有redis,没有memcahe ...

  8. dt转换List CovertListHelper

    public class CovertListHelper { //传递过来的类型必须与数据库类型保持一致问题 public List<T> convertToList<T>( ...

  9. [十二省联考2019]异或粽子 01trie

    [十二省联考2019]异或粽子 01trie 链接 luogu 思路 首先求前k大的(xo[i]^xo[j])(i<j). 考场上只想到01trie,不怎么会写可持久,就写了n个01trie,和 ...

  10. Python游戏编程入门4

    Math和Graphics:Analog Clock示例程序本章介绍Python的math模块,该模块可以执行计算,如常见的三角正弦函数.余弦函数.正切函数等. 使用正弦和余弦函数绘制圆创建Anlog ...