大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
vue开发环境搭建-win7
1. 安装node,js
下载node.js安装包： node.js下载官网
在这里，我选择64位windows安装包(.msi)
然后，根据提示“下一步”，完成node.js的安装。
安装成功后，打开docs管理工具，输入“node -v”，查看node.js版本，若显示成功，则代表安装成功，如下图所示：
2. 设置node global(全局)和cache(缓存)路径
- 设置缓存文件夹
npm config set cache "F:\software\nodejs\node_cache"
- 设置全局模块存放路径
npm config set prefix "F:\software\nodejs\node_global"
3. 配置环境变量
- 新增系统变量 NODE_PATH
F:\software\nodejs\node_global\node_modules
- 修改用户变量 PATH
F:\software\nodejs\node_global;
4. 基于 Node.js 安装cnpm（淘宝镜像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
注意：安装淘宝镜像如果报错
(npm ERR! request to https://registry.npmjs.org/express failed, reason: unable to verify the first certificate)
解决办法如下：
npm config set strict-ssl false
5. 安装vue
cnpm install vue -g
6. 安装vue脚手架 vue-cli
cnpm install vue-cli -g
7. 项目创建
vue init webpack vuespringboot
8. 添加相关依赖
cnpm install
9. 修改端口号
为了防止和后端端口8080冲突，将前端端口号修改为8090
修改 config目录下面的 index.js文件
10. 运行项目
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/179199.html原文链接：https://javaforall.net
