首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Window环境下搭建Vue.js开发环境

Window环境下搭建Vue.js开发环境

作者头像
Steve Wang
发布于 2018-02-05 08:53:09
发布于 2018-02-05 08:53:09
3K0
举报
文章被收录于专栏:从流域到海域从流域到海域

笔者最近在进行前端的学习,在点完了HTML5、CSS3、JavaScript等技能树之后,是时候开始框架的学习了。目前为止前端框架呈现出React、Angular、Vue三足鼎立的局面,在这三种框架中,Vue最为简单,使用场景最为广泛,因此笔者从Vue开始学习,但是发现网上能搜到的Vue安装教程均不全面,所以写出此篇供大家学习。

大致步骤

  • 安装Node.js
  • 安装Vue.js
  • 安装Webpack

Step1: 安装Node.js

Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。 Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。 Node.js 的包管理器 npm,是全球最大的开源库生态系统。后续安装都依赖于npm命令(笔者注)。

官方下载地址: https://nodejs.org/en/download/

  1. 下载完成后直接安装,选择默认路径,Windows还是比较方便的,这时候请注意,其他教程都有设置Path的步骤,其实你可以不设置,因为Windows下安装的时候默认有add to Path功能。
  2. Win + R打开cmd,然后输入node --version看到版本信息说明安装成功,接下来输入npm install node安装node的二进制文件,这可能耗费一点时间。

如果在上述步骤遇到问题可以参考这里: http://www.runoob.com/nodejs/nodejs-install-setup.html 其中二进制文件的方法与上述步骤有所差异,菜鸟教程是下载exe直接安装。

Step 2: 安装Vue.js

首先使用淘宝的镜像升级npm,使其可以使用cnpm命令(单纯的npm可能由于网络长城因而速度受限)。

  1. 升级npm npm install -g cnpm --registry=https://registry.npm.taobao.org
  2. 安装Vue cnpm install vue
  3. 安装Vue官方提供的命令行工具 cnpm install -g vue-cli

Step3: 安装webpack

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript、JSX等),并将其打包为合适的格式以供浏览器使用。

  1. 安装WebPack cnpm install webpack -g
  2. 在合适位置新建一个文件夹,命名为Vue-Demo,点进文件夹,右键git bash here。(如果没有安装Git你需要手动在cmd中cd进这个目录)
  3. 使用vue init webpack vue-test创建一个示例目录,回车下一步,遇到选择都选n。
  4. cd vue-test进入这个目录,遇到命令行界面卡死,可以鼠标点进这个目录,然后git bash here。(如果没有安装Git你需要手动在cmd中cd进这个目录)
  5. cnpm install安装依赖
  6. cnpm run dev
  7. 浏览器输入localhost:8080看到Vue界面证明所有步骤均成功。

遇到问题参考这里: http://www.cnblogs.com/jiajia123/p/6132265.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017年05月15日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
疫情下的区块链企业:11家公司共捐赠6000多万元,发动海外采购渠道
突然爆发的新型冠状病毒让庚子年的春节蒙上了一层阴影。截至1月28日10时,全国累计共有确诊病例4316例,死亡105人,其中武汉确诊1590例,死亡85例。
区块链大本营
2020/02/21
7780
疫情下的区块链企业:11家公司共捐赠6000多万元,发动海外采购渠道
7.2万条病例数据首次披露,疫情如何发展到了今天
2月17日,《中华流行病学杂志》刊登了一篇名为《新型冠状病毒肺炎流行病学特征分析》的论文,这篇论文来自中国疾病预防控制中心,对截至2月11日中国内地上报的所有72314例新冠肺炎病例的流行病学特征进行了描述和分析。这其中包含了确诊病例44672例(61.8%)、疑似病例16186例(22.4%)、临床诊断病例10567例(14.6%)和无症状感染者889例(1.2%)。
CDA数据分析师
2020/02/24
3830
7.2万条病例数据首次披露,疫情如何发展到了今天
武汉“封城”抗击新型肺炎,北大最新病毒宿主研究指向蛇,被感染专家:眼睛也需防护
自2020年1月23日10时起,全市城市公交、地铁、轮渡、长途客运暂停运营;无特殊原因,市民不要离开武汉,机场、火车站离汉通道暂时关闭。恢复时间另行通告。
量子位
2020/02/21
4020
CDC回应“不管疫情先写论文”:12月人传人是基于数据反推,论文是向社会公布信息后才写的
1月29日,中国疾控中心(CDC)在《新英格兰医学杂志》发了一篇名为《新型冠状病毒感染的肺炎在中国武汉的初期传播动力学》的论文。
量子位
2020/02/21
5490
AKShare-疫情数据-新闻资讯
新型冠状病毒肺炎(Corona Virus Disease 2019,COVID-19),简称“新冠肺炎”,世界卫生组织命名为“2019冠状病毒病” [1-2] ,是指2019新型冠状病毒感染导致的肺炎。2019年12月以来,湖北省武汉市部分医院陆续发现了多例有华南海鲜市场暴露史的不明原因肺炎病例,证实为2019新型冠状病毒感染引起的急性呼吸道传染病。
数据科学实战
2021/07/28
8740
AKShare-疫情数据-新闻资讯
"清华-腾讯联合实验室"针对疫情的分析7:湖北新增病例14840,全国疫情还能防控吗?
文章转自:腾讯医典 2月13日8点之前,湖北省卫健委扔出重磅消息,通过增加临床诊断病例的方式,一日新增病例14840。 13日上午11点,中央宣布上海市长应勇出任湖北省委书记。 如何解读今天疫情数据的激烈变化,全国疫情防控形势如何? 国家卫健委截止下午四点,仍未发布官方数据,基于卫健委公开的官方数据,我们进行客观的分析。 解读要点 (1)湖北新增病例14840,有多个因素,此前已有迹象; (2)非湖北地区的拐点到来,现有病例数已进入下降通道; (3)武汉仍是全国疫情防控的焦点。 湖北病例激增,原因何在?
腾讯高校合作
2020/02/14
8420
"清华-腾讯联合实验室"针对疫情的分析7:湖北新增病例14840,全国疫情还能防控吗?
新型冠状病毒肺炎最新研究集合:自然史、传播模式和诊断方法(附链接)
本文检索并整理了世卫组织公布新冠病毒全球研究的九大重点:新冠病毒的自然史、传播模式和诊断方法;识别动物宿主;流行病学研究;临床特征和管理;疫情防控;候选疗法的研发;候选疫苗的研发;伦理评估;应对疫情相关的社会科学层面诸多问题的潜在驱动因素九个领域的新文献,共梳理出5篇文献,供参考。详情如下:
数据派THU
2020/02/27
1.3K0
最新R0值3.11,疫情何时高峰难预测,这是你该知道的最新进展
据卫健委最新数据,1 月 28 日 0-24 时,全国范围内的 31 个省(区、市)报告新增确诊病例 1459 例,新增疑似病例 3248 例。
机器之心
2020/02/24
6180
最新R0值3.11,疫情何时高峰难预测,这是你该知道的最新进展
在疫情防控一线,技术能发挥什么作用?
截至 2020 年 1 月 26 日 24 时,国家卫生健康委收到 30 个省(区、市)累计报告确诊病例 2744 例,现有重症病例 461 例,累计死亡病例 80 例,累计治愈出院 51 例;现有疑似病例 5794 例。与此同时,包括 BAT 等大公司在内,众多科技公司也在通过捐款、提供物资、信息公开等方式来为对抗疫情贡献自己的力量。
AI研习社
2020/02/21
6740
7万病例,迄今最大新冠研究发表:传染性超SARS,医务人员感染超三千
新冠病毒引起的疫情仍在肆虐,截止今天上午,全国统计已有新冠肺炎确诊病例超过 72000 人。
机器之心
2020/02/24
6510
7万病例,迄今最大新冠研究发表:传染性超SARS,医务人员感染超三千
智能战疫动态精选:卫健委称最快4-5月份有部分疫苗进入临床试验;苹果推迟低价iPhone发布时间,富士康产能不足50%
机器之心最新推出「智能战疫日报」,围绕「人工智能直接应用于抗击疫情」和「人工智能助力产业应对非常时期各项困难」两大主题,提供相关政策、人工智能应用和解决方案、行业洞察、研究进展等每日动态,便于大家关注趋势变化,辅助决策;同时发布抗击疫情需求、产业需求或难题、人工智能资源等信息,促进产业与技术、场景与资源之间的高效合作。文末识别二维码即可开启订阅。
机器之心
2020/02/26
7390
武汉新型冠状病毒如何传播?AI 专家这样用大数据模型预测
近日,肺炎疫情牵动着全国人民乃至全世界人民的心。根据国家卫健委的通报,截至1月23日19时,我国共确诊634例新型冠状病毒感染的肺炎病例。
CDA数据分析师
2020/02/21
5230
武汉新型冠状病毒如何传播?AI 专家这样用大数据模型预测
诺奖得主关于疫情数据的七个问题
编者按:自中国爆发新型冠状病毒疫情以来,世界顶尖科学家协会(WLA)副主席、2013年诺贝尔化学奖得主,斯坦福大学结构生物学教授、数据分析专家迈克尔·莱维特(Michael Levitt)教授,持续关注疫情变化,自2月2日以来,已连续更新30版数据分析报告。
DrugAI
2021/02/01
4850
助力新冠CT检测,依图4天上线AI系统!准确率达97.3%,已服务数万人
病毒核酸检测一直是检测新型冠状病毒肺炎(novel coronavirus pneumonia, NCP)的关键步骤,但始终苦于试剂盒市场的供不应求,不少疑似患者都无法得到确诊。
大数据文摘
2020/02/25
5600
两个月微博热搜分析:疫情之下,哪些时、地、人、物处在舆论的风口浪尖
两个月前的12月25日,一份因“不明原因”发热患者标本在武汉市疾控中心准备完毕,准备送往上海市公共卫生临床中心进行研究。
大数据文摘
2020/02/26
7090
抢发论文,不顾疫情?权威流行病学期刊发布迄今最详细研究,疾控中心回应质疑
1月30日,《新英格兰医学杂志》(NEJM)发表的的一篇文章——Early Transmission Dynamics in Wuhan, China, of Novel Coronavirus–Infected Pneumonia(新型冠状病毒感染肺炎在中国武汉的初期传播动力学),根据最早425例确诊病例数据,针对新型冠状病毒(2019-nCoV)提出了迄今为止最详细的流行病学研究。
大数据文摘
2020/02/21
5200
拐点何时出现?这是北大面向新冠疫情的数据可视化分析与模拟预测
2019 年在武汉爆发的新型冠状病毒肺炎(国家卫健委简称 NCP)传播迅猛,已被世界卫生组织(WHO)定为「国际关注的突发公共卫生事件」。对疫情的控制,自 1 月 24 日武汉宣布封城之后,各个省市也陆续通过启动重大突发公共卫生事件一级响应来控制人口流动;同时,各省市医疗队伍驰援武汉,武汉的防控措施也急速加强;但全国疫情,特别是湖北省的状况依然让人揪心。公众非常关心疫情的发展趋势,期待「拐点」的出现;疫情防控部门希望不断总结经验教训,评估现有措施的有效性。该疫情的发展成为了涉及到我国政治经济民生的一件大事。
机器之心
2020/02/24
7300
拐点何时出现?这是北大面向新冠疫情的数据可视化分析与模拟预测
"清华-腾讯联合实验室"针对疫情的分析22: 全国现有病例十连降,境外疫情爆发式传播
文章转自:腾讯医典 国家卫健委发布的2月27日的疫情数据,全国(不含港澳台)新增确诊327例,现有确诊39919例,非湖北地区新增确诊病例9例,现有确诊病例数降到3090例。另外,境外疫情已涉及45个国家,疫情严峻。 下面我们通过扩散指数[1]和消亡指数[2]对27日的疫情数据进行客观的分析。 解读要点 (1)全国现有病例十连降,非湖北疫情加速消退。 (2)湖北疫情好转,武汉新增治愈数大幅上升。 (3)境外爆发式传播,新增确诊首超中国。 境外爆发式传播,新增确诊首超中国 27日,境外已有45个国家发现新
腾讯高校合作
2020/03/10
5730
超 7 万例病例分析!CDC 新冠肺炎流行病学研究发布
内容导读:近日,中国疾病预防控制中心(CDC)发布了新的疫情统计报告,分析了截止 2 月 11 日超过 7 万名病例的数据。研究人员从流行病学特征入手,对这份数据进行了详细的描述和分析。
HyperAI超神经
2020/02/24
6900
"清华-腾讯联合实验室"针对疫情的分析17:全国现有确诊病例五连降,武汉疫情依旧胶着
文章转自:腾讯医典 国家卫健委发布的2月22日的疫情数据,武汉疫情又有反复,新增病例为541日,较前日有反弹。全国疫情防控形势仍在好转,现有确诊病例实现五连降。 下面我们通过扩散指数[1]和消亡指数[2]对22日的疫情数据进行客观的分析。 解读要点: (1)武汉疫情反复,新增病例数反弹。 (2)全国现有确诊病例五连降,非湖北新增创新低。 (3)北京疫情防控需加强。 武汉疫情反复,新增病例数反弹 今天公布的疫情数据显示,武汉疫情出现反复,新增病例541例,较前两天有大幅上升。 图1是武汉的扩散指数和消亡指数
腾讯高校合作
2020/02/23
6120
"清华-腾讯联合实验室"针对疫情的分析17:全国现有确诊病例五连降,武汉疫情依旧胶着
推荐阅读
疫情下的区块链企业:11家公司共捐赠6000多万元,发动海外采购渠道
7780
7.2万条病例数据首次披露,疫情如何发展到了今天
3830
武汉“封城”抗击新型肺炎,北大最新病毒宿主研究指向蛇,被感染专家:眼睛也需防护
4020
CDC回应“不管疫情先写论文”:12月人传人是基于数据反推,论文是向社会公布信息后才写的
5490
AKShare-疫情数据-新闻资讯
8740
"清华-腾讯联合实验室"针对疫情的分析7:湖北新增病例14840,全国疫情还能防控吗?
8420
新型冠状病毒肺炎最新研究集合:自然史、传播模式和诊断方法(附链接)
1.3K0
最新R0值3.11,疫情何时高峰难预测,这是你该知道的最新进展
6180
在疫情防控一线,技术能发挥什么作用?
6740
7万病例,迄今最大新冠研究发表:传染性超SARS,医务人员感染超三千
6510
智能战疫动态精选:卫健委称最快4-5月份有部分疫苗进入临床试验;苹果推迟低价iPhone发布时间,富士康产能不足50%
7390
武汉新型冠状病毒如何传播?AI 专家这样用大数据模型预测
5230
诺奖得主关于疫情数据的七个问题
4850
助力新冠CT检测,依图4天上线AI系统!准确率达97.3%,已服务数万人
5600
两个月微博热搜分析:疫情之下,哪些时、地、人、物处在舆论的风口浪尖
7090
抢发论文,不顾疫情?权威流行病学期刊发布迄今最详细研究,疾控中心回应质疑
5200
拐点何时出现?这是北大面向新冠疫情的数据可视化分析与模拟预测
7300
"清华-腾讯联合实验室"针对疫情的分析22: 全国现有病例十连降,境外疫情爆发式传播
5730
超 7 万例病例分析!CDC 新冠肺炎流行病学研究发布
6900
"清华-腾讯联合实验室"针对疫情的分析17:全国现有确诊病例五连降,武汉疫情依旧胶着
6120
相关推荐
疫情下的区块链企业:11家公司共捐赠6000多万元,发动海外采购渠道
更多 >
交个朋友
加入前端学习入门群
前端基础系统教学 经验分享避坑指南
加入前端工作实战群
前端工程化实践 组件库开发经验分享
加入前端趋势交流群
追踪前端新趋势 交流学习心得
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档