1 安装Node.js
1、下载安装包:进入官网(https://nodejs.org/en),下载左侧的稳定版。
2、选择安装位置,不用勾选自动安装必要工具。
其他都默认Next。
配置环境,具体参考本文章:
https://blog.csdn.net/WHF__/article/details/129362462
2 创建Vue.js项目
官网链接:
https://cn.vuejs.org
1、点击安装,跟着教程一步步输入指令。
https://cn.vuejs.org/guide/quick-start.html
2、部署第一个Vue.js项目:
使用管理员身份进入命令行,首先选择合适的文件夹位置,然后输入:
npm create vue@latest
然后设置项目名称与项目方案。
vuejs_test001
test_package
回车(都是否)
cd vuejs_test001
安装依赖包:
npm install
3、启动Vue 服务器(关闭此命令行界面,服务器就关闭了):
npm run dev
输入h
可以查看帮助。
输入q
可以关闭服务器。
4、检验Vue是否搭建成功,在浏览器中输入:
http://localhost:5173/
3 Visual Studio Code内测试
1、打开刚才创建的文件夹:
2、按下 ctrl+` ,打开终端,输入:
npm run dev
按住ctrl,点击网址链接,即可打开同样的网页。
待修改 安装Visual Studio
1、安装Visual Studio Community,选择Node.js开发。
注意自己选择安装位置。
安装完成后重启电脑,打开软件。
2、新建项目: