vue3+ts简单搭建

「已注销」

已于 2022-07-27 15:45:50 修改

阅读量1.6k

点赞数

文章标签： webpack vue.js typescript

于 2022-01-19 13:58:33 首次发布

本文链接：https://blog.csdn.net/guluyaozaoshui/article/details/122579397

版权

本文档介绍了如何使用Vue3和TypeScript搭建项目。首先，通过CMD全局安装Vue，然后执行`vue create`创建Vue_TS项目。接着，在根目录配置vue.config.js以调整webpack设置。最后，参考 TypeScript 官方文档开始编写符合TS规范的项目。

摘要由CSDN通过智能技术生成

第一步

运行cmd 全局安装vue

npm install -g @vue/cli

第二步

创建项目截图如下 vue create vue_ts(项目名称)

第三步

在根目录创建vue.config.js，配置webpack，其余配置可根据实际需求配置

// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
  ? './'
  : '/',

  outputDir: 'dist',

  assetsDir: 'static',

  filenameHashing: true,

  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,

  // 是否使用包含运行时编译器的Vue核心的构建
  runtimeCompiler: false,

  // 默认情况下 babel-loader 忽略其中的所有文件 node_modules
  transpileDependencies: [],

  // 生产环境 sourceMap
  productionSourceMap: false,

  // cors 相关 https://jakearchibald.com/2017/es-modules-in-browsers/#always-cors
  // corsUseCredentials: false,
  // webpack 配置，键值对象时会合并配置，为方法时会改写配置
  // ht