1 开通高德地图API服务
1、进入高德地图API官网(https://lbs.amap.com/):
2、注册登录。
3、进入控制台。
4、点击“应用管理”,点击“我的应用”,创建新应用。
5、添加Key,服务平台选择“Web端(JS API)”,白名单不要填写,勾选阅读并同意。
点击提交后,就能看到Key已经生成,记住这里的Key和安全密钥。
2 安装Node.js
1、下载安装包:进入官网(https://nodejs.org/en),下载左侧的稳定版。
2、选择安装位置,不用勾选自动安装必要工具。
其他都默认Next。
配置环境,具体参考本文章:
https://blog.csdn.net/WHF__/article/details/129362462
3 创建Vue.js项目
官网链接:
https://cn.vuejs.org
1、点击安装,跟着教程一步步输入指令。
https://cn.vuejs.org/guide/quick-start.html
2、部署第一个Vue.js项目:
使用管理员身份进入命令行,首先选择合适的文件夹位置,然后输入:
npm create vue@latest
y
vuejs_test001
test_package
回车(都是否)
cd vuejs_test001
npm install
3、启动Vue 服务器(关闭此命令行界面,服务器就关闭了):
npm run dev
输入h
可以查看帮助。
4、检验Vue是否搭建成功,在浏览器中输入:
http://localhost:5173/
4 Visual Studio Code内测试
1、打开刚才创建的文件夹:
2、按下 ctrl+` ,打开终端,输入:
npm run dev
按住ctrl,点击网址链接,即可打开同样的网页。
5 安装Visual Studio
1、安装Visual Studio Community,选择Node.js开发。
注意自己选择安装位置。
安装完成后重启电脑,打开软件。
2、新建项目: