Vue.js学习笔记（1）——Visual Studio Code搭建Vue.js框架

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、新建项目：