vue安装和配置

1、下载跟安装：

官网下载地址Download | Node.js

 下载 | Node.js 中文网

图形化安装，选择安装位置，全程下一步，不再一一截图。

         安装后cmd命令查看版本号：

            node -v

node环境配置

Node.js安装及环境配置（简单易懂全面！）_nodejs安装及环境配置-CSDN博客

1.创建npm下载的全局目录和缓存目录

在磁盘的任意位置，新建如下两个目录:node_global,node_cache

创建环境变量

编辑系统的path变量，将NODE_HOME和NODE_PATH配置到path中

配置npm的下载路径和缓存路径

npm config set prefix "你自己的node_global的目录"

npm config set cache "你自己创建的cache目录"

检查配置

配置npm的下载镜像

npm config set registry=http://registry.npm.taobao.org

安装一个json-server模块用于测试

npm install json-server -g

确保json-server正常安装之后。在磁盘上新建一个json文件

food.json的内容:

{
  "drinks": [
    { "id": 1, "name": "咖啡", "price": 2 },
    { "id": 2, "name": "牛奶", "price": 3 },
    { "id": 3, "name": "冰红茶", "price":4 }
  ],
  "foods": [
    { "id": 1, "name": "方便面", "price": 2.5 },
    { "id": 2, "name": "面包", "price": 3.5 },
    { "id": 3, "name": "茶叶蛋", "price": 1 }
  ]
}

打开cmd窗口，将目录定位到json文件所在的位置。输入 json-server 文件名，即可启动json-server服务器，实现对json文件的监听

2、npm和cnpm简介与使用

npm简介：  node pageckage manager(类似于maven管理jar依赖)

npm -v  查看npm版本号

cnpm简介与安装：

淘宝团队做的国内镜像，因为npm的服务器位于国外，国内访问速度很慢，经常因为超时导致失 败。

淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

安装：

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

这个命令的含义是全局安装 cnpm，并且指定使用 taobao 的 npm 源进行安装。

具体来说：

npm install cnpm -g：这个部分是在全局安装 cnpm。-g 标志表示全局安装，这意味着 cnpm 将被安装在全局范围内，所有项目都可以使用它。

--registry=https://registry.npm.taobao.org：这个部分是指定 npm 源为 taobao 的 npm 注册表。这会告诉 npm 使用 taobao 的源来获取和安装 cnpm 包。使用特定的注册表可以确保从正确的源获取包，特别是在某些情况下，官方的 npm 源可能不可用或速度较慢。

因此，这个命令的作用是在全局范围内使用 taobao 的 npm 源来安装 cnpm。

 查看安装版本：

 cnpm -v

3.4   vue-cli简介与安装

 简介：

      介绍 | Vue CLI

      vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 工程化项目。

安装：

     3.0以下(2.9.6)

       cnpm  install -g vue-cli@版本号

      3.0 以上

       cnpm  install -g @vue/cli@版本号

我们使用4以上版本：

       cnpm  install  -g  @vue/cli@4.1.1

      测试是否安装成功：

      vue  -V   或者 vue --version

设置:

node vue开发环境搭建.docx