文章作者：激萌の小宅

促销：￥0

价格：￥0

配送方式：购买后立即生效（如购买异常，请联系站长）

付款之后一定要等待自动跳转结束，否则购买可能会失败

0 天

有效期
0

总销量
0

累计评价

详细说明

<h1 style="font-size: 32px; font-weight: bold; border-bottom: 2px solid rgb(204, 204, 204); padding: 0px 4px 0px 0px; text-align: left; margin: 0px 0px 10px;">新建VUE工程</h1><embed src="//player.bilibili.com/player.html?isOutside=true&aid=112976564652252&bvid=BV1qepdeqEBB&cid=500001652563145&page=1&high_quality=1&danmaku=0" width="817" height="460" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"/> 工程源码下载：<a href="http://www.bilibili996.com/Course?id=32fc85b737374ecdab3af777a0477f1e" target="_blank" title="GPS定位系统VUE版本源码下载" style="list-style: none; text-decoration-line: none; margin: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei"; white-space: break-spaces; ">GPS定位系统VUE版本源码下载</a> 准备工作安装maven，用于管理我们的node.js版本<a href="https://zhuanlan.zhihu.com/p/625000667?utm_id=0&wd=&eqid=cfd2c58600026082000000026497f477" target="_blank" title="maven的安装与使用保姆级教程">maven的安装与使用保姆级教程</a> 安装指定版本的node.js以及版本管理命令，我们这边使用的node.js版本为：v18.20.2<a href="http://www.bilibili996.com/Course?id=ea3916bbb6984bdf827fd2af69ddc51e" target="_blank" title="Windows 使用nvm安装多个版本的node.js">Windows 使用nvm安装多个版本的node.js</a> VUE环境搭建与新建工程流程如下，我们按下面教程操作，新建一个名为“gps-app”的vue3工程。<a href="http://www.bilibili996.com/Course?id=9d61a1a83c5949f389802004ecddd964" target="_blank" title="VUE新建工程">VUE新建工程</a> <pre class="brush:bash;toolbar:false"># 淘宝镜像 npm config set registry https://registry.npm.taobao.org # 淘宝镜像如果不能用，可以试试下面这个 npm config set registry https://registry.npmmirror.com</pre> <img class="pimg" src="http://www.bilibili996.com/upload/image/f813721a5ab24f119579033804b05589.jpg?638576809201204457" title="QQ截图20240727124131.jpg" alt="QQ截图20240727124131.jpg"/> 安装vue包按上面流程操作完之后，我们需要安装一些项目需要的包，如下：<pre class="brush:json;toolbar:false">"dependencies": {     "@element-plus/icons": "^0.0.11",     "@element-plus/icons-vue": "^2.3.1",     "axios": "^1.6.8",     "core-js": "^3.8.3",     "element-plus": "^2.7.3",     "nprogress": "^0.2.0",     "vue": "^3.2.13",     "vue-baidu-map-3x": "^1.0.39",     "vue-router": "^4.3.3" }</pre> 可以对照package.json文件查看，缺啥就安装啥，补齐这些包就行。<img class="pimg" src="http://www.bilibili996.com/upload/image/5756a8d0a00b449c9f09fc936acd3323.jpg?638576811573075351" title="QQ截图20240727124543.jpg" alt="QQ截图20240727124543.jpg"/> 有个安装包的简单方法，将上面dependencies的配置都复制到新工程的package.json文件中，然后执行“npm install”<img class="pimg" src="http://www.bilibili996.com/upload/image/3826cd43ba924cd6a584ca605c447e83.jpg?638576814249780440" title="QQ截图20240727125010.jpg" alt="QQ截图20240727125010.jpg"/> 到这里，vue的前期准备工作就完成了~~

新建VUE工程

工程源码下载：GPS定位系统VUE版本源码下载

准备工作

安装maven，用于管理我们的node.js版本

maven的安装与使用保姆级教程

安装指定版本的node.js以及版本管理命令，我们这边使用的node.js版本为：v18.20.2

Windows 使用nvm安装多个版本的node.js

VUE环境搭建与新建工程流程如下，我们按下面教程操作，新建一个名为“gps-app”的vue3工程。

VUE新建工程

# 淘宝镜像
npm config set registry https://registry.npm.taobao.org

# 淘宝镜像如果不能用，可以试试下面这个
npm config set registry https://registry.npmmirror.com

QQ截图20240727124131.jpg

安装vue包

按上面流程操作完之后，我们需要安装一些项目需要的包，如下：

"dependencies": {
    "@element-plus/icons": "^0.0.11",
    "@element-plus/icons-vue": "^2.3.1",
    "axios": "^1.6.8",
    "core-js": "^3.8.3",
    "element-plus": "^2.7.3",
    "nprogress": "^0.2.0",
    "vue": "^3.2.13",
    "vue-baidu-map-3x": "^1.0.39",
    "vue-router": "^4.3.3"
}

可以对照package.json文件查看，缺啥就安装啥，补齐这些包就行。

QQ截图20240727124543.jpg

有个安装包的简单方法，将上面dependencies的配置都复制到新工程的package.json文件中，然后执行“npm install”

QQ截图20240727125010.jpg

到这里，vue的前期准备工作就完成了~~