VUE3+SpringBOOT学习笔记（一）

BensonJ

已于 2023-07-25 15:51:57 修改

阅读量218

点赞数

文章标签：学习笔记 vue.js

于 2023-07-15 16:16:58 首次发布

本文链接：https://blog.csdn.net/BensonJ/article/details/131721522

版权

以前的开发经验是VUE2+PHP，最近客户项目需要VUE+JAVA后端开发，所以记录一下学习历程。

避坑：安装最新版node.js，避免后续安装VUE时组件不支持node旧版本

打开node.js的安装目录,配置及指定之后npm的全局缓存目录(放到此安装目录D盘中),避免之后占用C盘空间，添加node_global和node_cache目录

win+R 打开cmd 窗口

NPM（Node Package Manager，节点包管理器）是NodeJS的包管理器

安装node.js会自动同时安装npm

1 npm config set prefix "D:\Program Files\nodejs\node_global"
2 npm config set cache "D:\Program Files\nodejs\node_cache"

接下来设置环境变量，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

在【系统变量】下新建【NODE_PATH】，输入【D:\Program Files\nodejs\node_global\node_modules】(改成你自己的nodeJS的安装目录)

将【用户变量】下的【Path】修改为【D:\Program Files\nodejs\node_global】(改成你自己的nodeJS的安装目录)

nodejs推荐的唯一一个web开发框架
功能包括：路由控制、模块解析支持、动态视图、用户会话、CSRF保护、静态文件服务、错误控制器、访问日志、缓存、插件支持

npm install express -g

-g 意思是装在global目录下，即上面的D:\Program Files (x86)\nodejs\node_global

CNPM:阿里巴巴的淘宝团队把NMP官网的插件都同步到了在中国的服务器，提供给我们从这个服务器上稳定下载资源。

CNMP同样是NMP的一个插件，要安装的话需要在CMD命令行控制台执行以下命令：

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

安装Vue需要npm的版本大于3，所以我们先升级一下npm，输入命令

cnpm install cnpm -g

安装vue，输入命令

npm install -g @vue/cli 使用该命令安装3.0以上版本

cnpm install vue

安装vue-cli，输入命令

cnpm install --global vue-cli

安装后测试一下是否安装成功或者vue -V,注意V是大写

无法加载文件 D:\Program Files\nodejs\pnpm.ps1

Windows PowerShell

输入命令：set-executionpolicy remotesigned 然后回车

关注