vue框架

下载vue.js

Vue.js - 渐进式 JavaScript 框架 | Vue.js

点击链接

一种方式把这串代码写入你的HTML文件（缺点就是网速慢得时候，是真滴慢）

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

另一种方式进行下载vue.js

（要用的话，直接拖进你的项目里，script标签引入你的js文件）

下载node.js

现在前端技术基本都需要安装NodeJS环境，用他来管理前端相关的技术依赖包（理解成Java中的Maven）。

NodeJS：Node.js® 是一个开源、跨平台的 JavaScript 运行时环境。

官网

点击链接进行下载

下载完成之后，双击打开安装

点击next

根据自己的需求来修改安装路径

此处默认即可

next

点击install

点击finish

经过一系列的操作后，先检查是否安装成功，打开你的黑窗口

使用两行命令node -v    npm -v检查是否安装成功

找到安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】

创建完毕后，使用管理员身份打开cmd命令窗口，输入

①npm config set prefix “你的路径\node_global” （复制你刚刚创建的“node_global”文件夹路径）②npm config set cache “你的路径\node_cache”  （复制你刚刚创建的“node_cache”文件夹路径）

配置环境变量

设置--高级系统设置--环境变量--系统变量--新建

变量名：NODE_PATH

变量值：D:\node_js\node_global\node_modules

然后你就会发现【node_global】里多出了一个【node_modules】文件夹

如果输入变量值之后没有自动创建【node_modules】文件夹，就在【node_global】下手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地址到变量值

将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径，点击确定

 配置完成后，全局安装一个最常用的 express 模块进行测试

打开你的黑窗口，输入npm install express -g   // -g代表全局安装

如果出现安装失败的话可能是你没有使用管理员身份运行cmd窗口，或者可以修改一下【node_global】和【node_cache]的权限

步骤： 鼠标右击【node_global】的文件夹，点击【属性】，再点击【安全】，再点击【编辑】，将权限都勾上，随即点击【确定】即可，【node_cache】步骤同理。