Vscode创建新项目

这篇博客详细介绍了如何使用Vue CLI创建一个新的Vue.js项目,包括选择预设、手动选择特性、设置Vue版本、选择Babel和Linter配置等步骤,并在最后提醒读者根据package.json运行`npm run serve`或`npm run dev`启动项目。
摘要由CSDN通过智能技术生成

参考网址:https://blog.csdn.net/qq_40197828/article/details/92638986

1.新建一个文件夹,用于存放项目

 

2.终端,进入文件夹根目录

 

3.执行创建命令

 

step1:

 

Vue create project_name / Vue init webpack ProjectName

 

step2:

 

? Please pick a preset: (Use arrow keys)

  Default ([Vue 2] babel, eslint)

  Default (Vue 3 Preview) ([Vue 3] babel, eslint)

> Manually select features

 

step3:

 

? Please pick a preset: Manually select features

? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)

(*) Choose Vue version

(*) Babel

( ) TypeScript

( ) Progressive Web App (PWA) Support

( )

### 创建新项目的基础流程 在Visual Studio Code (VSCode) 中创建新项目的操作相对简单。对于不同类型的项目,初始化过程会有所不同。这里提供一个通用的方法来启动一个新的项目[^1]。 #### 使用命令面板创建文件夹作为工作区 可以通过快捷键 `Ctrl+Shift+N` 或者通过菜单栏中的 "File" -> "New Window" 来打开新的 VSCode 窗口。接着利用 `Ctrl+K Ctrl+N` 打开命令面板并输入 “Open Folder”,选择想要设置为项目根目录的本地文件夹位置。 #### 初始化Git仓库(如果适用) 如果是打算将此项目托管于 Git 版本控制系统下,则可以在终端内执行如下指令完成初始化: ```bash git init ``` #### 安装必要的扩展包和支持工具 依据所开发的应用类型安装对应的官方推荐插件集。比如针对 Angular 和 TypeScript 的环境配置可以参照特定教程进行设置。 #### 配置调试器和其他辅助功能 为了方便后续编码期间的功能验证与错误排查,建议提前设定好 launch.json 文件内的断点调试参数;同时也可以考虑引入诸如 Prettier 这样的代码格式化工具提高协作效率。 #### 对于C++ GTest项目特别说明 当涉及到 C++ 单元测试框架 Google Test (GTest),则需按照 Chromium 提供的相关指南准备依赖项以及构建脚本,在此基础上建立起最基础版本的测试工程项目结构之后再逐步加入具体的案例实现逻辑[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值