vue+webstorm环境搭建及新建项目注意事项

1.安装npm

2.安装node.js

3.安装webstorm

4.全局安装webpack  npm install webpack -g

5.全局安装vue手脚架 npm install vue-cli -g

环境安装完毕,要是用webstorm新建vue项目还需安装下面两个:

1.安装git,官网地址https://git-scm.com/download/win   安装教程https://blog.csdn.net/orange228/article/details/79365795

2.安装ij-rpc-client     npm install ij-rpc-client  -g

现在可以新建项目了:

1.新建:打开webstorm>新建项目>vue.js>设置项目名称(只能小写),位置与node在同一个盘下。

2.配置:点击右上角的Edit configuration,点击+ >选择npm >Command=run >Scripts=dev

3.点击右上角小三角运行。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js 和 TypeScript 是现代前端开发中的热门组合,它们可以一起提供高效、强类型和可维护的开发体验。以下是一般的 Vue + TypeScript 项目搭建步骤: 1. **安装 Node.js**:确保你已经安装了 Node.js,因为 Vue CLI 需要它来创建项目。 2. **安装 Vue CLI**:打开终端或命令提示符,运行 `npm install -g @vue/cli` 或者 `yarn global add @vue/cli` 来全局安装 Vue CLI。 3. **创建项目**:使用 Vue CLI 创建一个新的 TypeScript 项目,运行 `vue create my-project --type=typescript`,选择 TypeScript 作为模板类型。 4. **选择预设**:选择合适的预设,比如 "default" 或者 "e2e",这将决定项目的结构和配置。默认预设就足够了,但如果你需要更全面的配置,可以选择其他预设。 5. **配置 Vue.config.js**:在项目根目录下的 `vue.config.js` 文件中,添加 TypeScript 相关配置,如 `transpileDependencies` 配置,确保外部库也使用 TypeScript。 6. **安装依赖**:进入项目目录后,运行 `cd my-project`,然后安装项目依赖 `npm install` 或者 `yarn`。 7. **启用 TypeScript**:在 `src` 目录下,修改每个组件、服务、测试等文件的扩展名(如 .vue -> .ts 或者 .vue -> .tsx),并启用 TypeScript 语法。 8. **编译器配置**:在 `tsconfig.json` 文件中,设置编译选项,如目标版本、模块系统等。 9. **运行项目**:使用 `npm run serve` 或者 `yarn serve` 启动项目,并查看是否成功加载 TypeScript 支持。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值