node.js安装教程,vue安装教程配置

node

1、Windows 安装包(.msi)
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

下载后无脑下一步即可,选择自己安装的路径最好不好有中文名名称!

检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path",输出如下结果:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs; C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs
检查Node.js版本
在这里插入图片描述

在输入node -version之后出现版本说明已经安装成功了,下一步可以开始vue安装.

基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装…

安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd里
输入:cnpm install -g vue-cli,回车,等待安装…
输入:vue,回车,若出现vue信息说明表示成功

在这里插入图片描述

接下来就是创建项目:
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作(一般情况我在创建的时候use往下的都选n不安装)
在这里插入图片描述

最后 cd vue_test (进入项目)
npm install (更新一下依赖)
npm run dev (启动项目)
浏览器输入localhost:8080 就可以了~!

问题
在安装的过程中你可能会遇到

> my-first-vue-project@1.0.0 dev C:\Users\ASUS\my-project
> node build/dev-server.js


To use this template, you must update following to modules:
npm: 2.15.9 should be >= 3.0.0

这是只有升级npm

即是 :使用 npm -g install npm@3.0.0 (版本号2.9.1 可以根据已发布的版本随意升级或降级),获取最新版本的npm 文件

查看版本:
在这里插入图片描述

升级到高版本
cnpm install -g @vue/cli

最后还不行的话:(最后这个方法也是在百度见的本人没有用过)

复制C:\Users{你的Windows用户名}\AppData\Roaming\npm\node_modules\npm下的文件到你的 NodeJS安装目录下的 \node_modules\npm 中,覆盖掉原有的全部文件

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值