在公司的电脑搭建vue环境分分钟搞定,周末闲的无聊给自己的电脑也搭建一个环境,谁知道这么多的问题,记录下这些问题,希望对那些安装node环境有问题的朋友一些帮助。

1.下载安装node

下载地址http://nodejs.cn/download/,安装的时候要知道自己安装的路径,因为要在环境配置里边配置,我之前没有配置就一直提示node不是内部指令,所以接下来我给大家演示一遍;

我按照node安装默认地址C:\Program Files\nodejs\,然后打开终端,输入命令:node-v,提示不是内部指令,这时候你要操作:

桌面:我的电脑——》右击属性——点击高级系统配置——环境变量——用户变量PATH要修改一下;

我在用户变量Path的最后又追加了C:\Program Files\nodejs\,然后重新打开cmd窗口,发现在控制台中可以使用node命令了。

oK!node环境已经安装完成,npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm

2:cnpm 安装

在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org然后等待,完成之后,输入命令:cnpm -v 检查,如下图:

我们就可以用cnpm代替npm来安装依赖包了。

3:安装vue-cli脚手架构建工具

命令为:cnpm install -g vue-cli,回车,等待安装

安装完成后,我们可以输入命令:vue,检查是否安装成功;

4.开始搭建vue项目

新建一个文件夹,我自己选择在桌面见一个文件夹,名叫vue,输入命令:cd vue,进入到vue这个文件夹,

在输入命令:vue init webpack vue-demo,这说明你搭建的项目名称叫做demo

按照上面提示的指令一个一个来:这时候我们会发现文件夹中多了一个文件node_modules,这是项目所需要的依赖包;

安装完成后,输入npm run dev 运行,这时候我们会发现一个vue前端本地项目就搭建好了;

之后就不细说了,有一篇是详细说明搭建vue,本篇着重说明node安装以及环境变量的配置,希望对你有帮助。

END!

最新文章

  1. 02 Hibernate错题分析
  2. 妈咪,我找到了! -- 15个实用的Linux find命令示例
  3. PlayFramework 1.2.x 在Controller 中识别JSON提交
  4. c#动态创建ODBC数据源
  5. PHP-You don’t have permissions to access xxx on this server!
  6. 关于Spring IOC容器解释
  7. 计算圆周率 Pi (π)值, 精确到小数点后 10000 位 只需要 30 多句代码
  8. update inner join
  9. IE的表头固定/表头不动(使用expression)
  10. 【中国剩余定理】POJ 1006 & HDU 1370 Biorhythms
  11. 设计模式14---设计模式之命令模式(Command)(行为型)
  12. 原生javascript 改写的tab选项卡
  13. LinearGradient线性渲染
  14. Windows Redis默认配置文件,Redis配置不生效解决方案
  15. AJAX工作原理与缺点
  16. Xshell设置网络设备自动登录
  17. [z]protobuf实现c++与java之间的数据传递,beancopy数据到前台
  18. Windows平台如何部署scrapy
  19. BZOJ2460:[BJWC2011]元素(贪心,线性基)
  20. 【BZOJ4260】Codechef REBXOR (Trie树)

热门文章

  1. 再起航,我的学习笔记之JavaScript设计模式13(装饰者模式)
  2. spring boot / cloud (十五) 分布式调度中心进阶
  3. Maven详解(七)------ 创建Web工程以及插件原理
  4. dbUtils的基本使用
  5. 马士兵讲jsp项目--BBS项目分析笔记
  6. 为Markdown文件生成目录
  7. union-find算法Java实现
  8. Java GC 日志详解
  9. java 比较几种常见循环方式的优劣
  10. CyclicBarrier和CountDownLatch介绍