使用vscode新建vue框架

在Visual Studio Code (VSCode) 中创建一个新的Vue.js项目通常会涉及以下几个步骤：

1. **安装Vue CLI**：
首先，你需要确保已安装Node.js。然后，在终端或命令提示符中运行 `npm install -g @vue/cli` 或者 `yarn global add @vue/cli` 来全局安装Vue CLI。

2. **初始化新项目**：
打开VSCode，点击左上角的 "File" > "New Folder" 创建一个新的文件夹，进入该目录。然后在终端或命令行中导航到这个文件夹，并输入以下命令来生成新的Vue项目：

   vue create my-project-name

这里`my-project-name` 将是你项目的名称，可以根据需要更改。

3. **选择模板**：
如果初次使用Vue CLI，它可能会自动打开配置向导。你可以选择预设的脚手架模板，如默认的 "Manually select features"，或者直接按回车接受默认选项。

4. **启动项目**：
新建项目完成后，只需在终端中输入 `cd my-project-name` 路径切换到项目目录，然后运行 `npm run serve` 或 `yarn serve` 启动本地开发服务器。现在可以在浏览器中访问 `http://localhost:8080` 查看项目。

5. **开始编码**：
在VSCode中，可以打开`src`文件夹下的`App.vue`或其他相关组件开始编写Vue代码。