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

那来访问一下：成功了~