Node.js安装

Node.js安装:

1、下载安装,安装成功后检查版本: 出现如下成功

C:\Users\LOVE>node -v
v14.17.0

C:\Users\LOVE>npm -v
6.14.13

2、安装国内淘宝镜像 cnpm

npm install cnpm -g --registry=https://registry.npm.taobao.org

报了两个警告:
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
这个警告是资源问题,提醒你安装淘宝镜像
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
而这个则是提醒你har-validator@5.1.5这个包已经没有人维护了

配置淘宝镜像命令:

//配置命令
>npm config set registry https://registry.npm.taobao.org

//检查配置是否成功,成功显示淘宝镜像
>npm config get registry
https://registry.npm.taobao.org/

3、安装vue-cli -g

使用 cnpm 命令:

cnpm install vue-cli -g

报错:
‘cnpm’ 不是内部或外部命令,也不是可运行的程序
或批处理文件。

去网上查了下,发现有现成的解决方案:
解决方案.

安装成功~

4、查看可以基于哪些模板创建vue应用程序

vue list

报错:
‘vue’ 不是内部或外部命令,也不是可运行的程序
或批处理文件。

emmmm…都是按照教程一步步来的,怎么我步步出错…
没办法,继续…

//检查npm的配置信息:

npm config list

在这里插入图片描述
如图,在图中标记的目录添加到环境变量中,重新执行命令:
报错:
‘vue’ 不是内部或外部命令,也不是可运行的程序
或批处理文件。

在这里插入图片描述
啊想起来了,重新配置环境变量后,cmd命令窗口也需要重新打开,我再试!

>vue list
  Available official templates:

  ★  browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing
.
  ★  browserify-simple - A simple Browserify + vueify setup for quick prototyping.
  ★  pwa - PWA template for vue-cli based on the webpack template
  ★  simple - The simplest possible Vue setup in a single HTML file
  ★  webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css e
xtraction.
  ★  webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.

哼哼哼,尽在掌握~(拿捏)
在这里插入图片描述

5、创建一个vue程序
在准备放置vue程序的目录下,使用Shift+右键,在此处打开命令窗口

使用命令

vue init webpack myvue

三个默认加四个no,最后一个选择最后一项,由自己创建(新手体验)

//进入目录
cd myvue

//安装依赖环境
npm install

等待,漫长的等待…

豁~好家伙,直接给我报这么多的 WARN:

在这里插入图片描述
哈哈哈,快乐!

在这里插入图片描述

盒盒盒盒

在这里插入图片描述
呼,调整一下,仔细看了看,它给了提示让我执行这个命令,那且试试

npm fund

唔,执行了不明觉厉的一堆代码后,貌似可以了

启动当前项目

> npm run dev

哇哦~ 真不容易

 I  Your application is running here: http://localhost:8080

那来访问一下:成功了~
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值