vue.js 开发环境配置 完整版


教大家快速安装vue.js的运行环境。

一. 安装node环境

第一步当然是先去node官网去下载安装包。https://nodejs.org/en/download/    然后选择自己的系统版本(我是win64)    图片如下:

按照windows一般应用程序,一路next就可以安装成功。

安装完成之后,大家一贯的风格就是想到去文件夹里面去找**.exe文件双击打开,大家请注意这里我们不要去双击打开如图下的node.exe这个我们暂时就不用管他了。

我们此时打开命令终端窗口输入cmd单击确定如图下:

现在我们就进行node环境测试,

我们再次进入nodejs官网https://nodejs.org/en/about/

复制红框中的代码并打开终端命令窗口直接输入node然后粘贴代码然后回车如图下:

会出现一下代码段 然后用浏览器访问  标红的地址

恭喜你说明你的node已经安装成功了,  测试也是没问题的。

我们node 安装成功了,通常我们也可以查看版本 来知道知否安装成功 命令:node -v     如下图:2

二. npm安装

     安装完node之后,就要安装npm,由于许多npm包都是在国外,安装起来特别慢,所以我们这里     利用淘宝的镜像服务器,来对我们依赖的module进行安装。安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org  之后回车等待命令。

三. webpack 安装

     我们安装webpack 我们这里当下用于构建初始一个新项目,命令为:npm install -g webpack。

四. vue-cli 脚手架安装

      接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架,命令为:npm install -g vue-cli。安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了。


五. 创建新项目

      自己找一个合适的地方,新建一个项目文件夹,根据自己的需要命名,我的命名为 demo,然后,进入这个文件夹。也可以下载Git 打开此文件夹, 右键git bash here,进入到此文件夹。我这里依然是dos窗口如图:

输入:vue init webpack my-vue(项目文件夹名),回车,等待一小会儿,项目正在从git上下载,可按下图操作:

项目构建:

1.项目名称。      2. 项目描述。    3.作者 。          4.build 选择(键盘上下方向选择)第二项。      5.vue-router 因为我们项目组件之间需要router连接、通信等,所以我们这里建议启用。  6.ESlint 作用是简析es6语法书写规范等 ,我们这里也建议启用。  下面这这俩项的意思是要不要测试,我们这里不需要。最后我们根据最后三个命令来进入项目(cd my-vue)、安装项目依赖(npm install 这里也可以用cnpm)、运行项目(npm run dev)。

这样我们就新建完成了一个新的项目。

附言:

其实中间有很多步奏都可以省略掉,如果想三分钟安装新建一个新项目就可以省略掉node测试步奏,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容

  • 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 h...
    JinkeyAI阅读 425,556评论 152 921
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,147评论 7 35
  • 既入猎头门,终为猎头人 你们看了这篇文章,不要笑我啊!做猎头早已经搞的我错乱了,没有白天、没有黑夜、没有男朋友、也...
    猎头天下MarkMa阅读 986评论 1 1
  • chomd :找不到命令:解决方法: 找到安装目录运行chmod: 提示错误无权限修改,需要用sudo权限:
    hello大象阅读 8,654评论 0 0
  • 绿水叶黄芦花白, 九弯两岸垂钓悦。 闲游漫漫羊肠路, 蹬车急急驰远多。 碧波鱼儿偶跃起, 似笑钓者技弱弱。 鸭儿两...
    山东聊城李超阅读 124评论 0 0