项目实战（仿后台管理页面）

后台管理、一 （环境的搭建）

前言

       Hello,码友们好，几个月一更的我又回来了，最近在学习使用Vue来开发网页。
       学习的方式主要是在B站学习，跟着一个大佬学习的。视频链接如下：
       B站视频地址：       程序员青戈.

       写这篇博客时项目已经做得差不多了，嗯，照着视频敲一遍，当然也不全是，总得收获些什么吧。后续博客会陆续把开发时遇到的一些问题分享出来。项目目前就还差一个上线，出了点小问题，或者说成功了一半。嗯，后台跑起来，但是前端的页面加载不出。问题出现在nginx的配置上，可能跟我的项目出了点岔子。因为忙着秋招呢，后面再搞了。所以，先从简单的开干。

环境的搭建（基于Windows环境）

1 Node.js的安装

       node.js ，嗯。目前还不是太熟悉，目前只用到了一些命令，以后再深入研究，虽然我开了个专栏，但，空空如也。
       首先去官网下载node.js的安装包，这一块看着来就好了，也不需要花很多功夫。官网连接如下：
       https://nodejs.org/zh-cn/download/

       安装的环节就省略了，怕C盘爆满的可以改下安装的路径，还是挺简单。安装好之后，快捷键Win+R，打开运行窗口，输入cmd,回车进入命令行窗口，输入指令：
node -v
npm -v

C:\Users\86185>node -v
v14.17.6

C:\Users\86185>npm -v
6.14.15

2 安装Vue.js

       安装Vue.js，可以使用npm指令来装，如果用npm安装的比较慢的话，可以配置npm的地区，默认的是国外的，可以将其配置成国内的。有3种方法，我用的命令如下：
●别名法

# Linux  alias 命令用于设置指令的别名
alias cnpm="npm --registry=https://registry.npm.taobao.org"

       注意：别名法是在Linux下操作的，Windows环境下会报错。

●配置文件法

# 先看看自己的registry镜像是哪里的
npm config get registry

#如果不是显示的 https://registry.npm.taobao.org/ 就配置一下
npm config set registry https://registry.npm.taobao.org

#再验证下registry镜像的地址
npm config get registry

●用第三方的npm

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

3 安装Vue CLI

了解：
       Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。
       CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。
       具体可以看官方的介绍：
              https://cli.vuejs.org/zh/guide/

安装：

#安装
npm install -g @vue/cli

#查看 vue/cli 版本号
vue --version
#或者
vue -V

#如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),需要卸载它
npm uninstall vue-cli -g

#如需升级全局的 Vue CLI 包，请运行：
npm update -g @vue/cli

       注意： Node 版本要求，Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。

       好了，下一篇将介绍怎么使用 vue 快速搭建一个新项目。

       PS:本来想写长一点的，或者弄个视频演示一遍，可是制作周期太长了，时间不是很充裕，抱歉了各位。