Vue安装及环境配置

一、安装Node.js

1.NodeJS简介

        Node.js是一个跨平台的JavaScript运行时环境，以其高性能和异步I/O特性受到开发者青睐。它允许前端开发者无缝过渡到后端开发，构建桌面应用和服务器程序。Node.js不仅能处理请求、响应和数据交互，还可以进行日志记录、静态资源托管和缓存。学习Node.js可以提高开发效率，尤其在IO处理方面表现出色，但并不适合复杂运算。无论是在小型还是大型项目中，Node.js都有其独特价值。

2.NodeJS下载与安装

下载地址：https://nodejs.org/zh-cn/download/prebuilt-installer

点击下载需要的版本

点击安装下载的安装包，选择安装目录，一直next

验证是否安装成功

node -v

或者

npm -v

3.配置全局安装目录和缓存日志目录

在安装目录下新建目录，node_cache和node_global

在命令行中重新配置刚才新建的全局模块目录和缓存日志目录

npm config set prefix “NodeJS安装目录/node_global”

npm config set cache “NodeJS安装目录/node_cache”

4.配置环境变量

在电脑属性的环境变量配置页面，

将用户变量的C:\Users\你的用户名\AppData\Roaming\npm 

修改为NodeJS安装目录/node_global

在系统变量中新增变量

变量名：NODE_PATH

变量值：NodeJS安装目录/node_modules

在系统变量Path中新增

%NODE_PATH%\node_modules

%NODE_PATH%\node_global

二、配置淘宝镜像

npm：(node package manager)是nodejs的包管理工具，用于Node插件管理（安装、卸载、管理依赖等）

cnpm：是国内的一款基于npm的Nodejs包管理工具，使用的是阿里的淘宝镜像。因为npm是国外的所以下载安装一些插件会变得很慢，有时候还会丢包。所以阿里的淘宝团队就做了一个cnpm来同步更新npm的功能

npm默认使用的镜像源地址为https://registry.npmjs.org/

如果安装了上述镜像，可以通过命令先清除缓存

npm cache clean --force

更换淘宝镜像源

npm config set registry=https://registry.npmmirror.com/

上述是通过手动设置镜像源，可以安装镜像源管理工具nrm，通过nrm切换镜像源。

在cmd命令窗口执行命令

npm install -g nrm

查看支持的镜像源

nrm ls

切换镜像源

nrm taobao

三、安装vue

安装全局vue

cnpm install -g @vue/cli

查看安装版本

vue -V

四、创建并运行项目

创建vue项目

vue create test(文件名)

可以选择vue版本，这里选择的Vue2

等待执行

创建成功后进入文件目录

执行 npm run serve