使用Vue CLI创建typescript项目

gaomysion 发布于2019-08-26 10:40 / 2586人阅读

摘要：于是搜了下原因，原来是创建时候的默认源配置导致，安装报错问题解决所以修改下刚才生成的下的属性值为就可以了再次安装成功原文

使用最新的Vue CLI @vue/cli创建typescript项目，使用vue -V查看当前的vue cli版本

安装命令

npm install -g @vue-cli

创建项目

vue create my-vue-typescript

上下键选择，空格键确定

接下来是一些常规选项

下面是询问要不要记录这次配置以便后面直接使用，我们选择y

当确定配置后会在C:UsersAdministrator.vuerc下生成一个刚选好的配置记录

{
  "useTaobaoRegistry": true,
  "presets": {
    "my-vue-typescript": {
      "useConfigFiles": true,
      "plugins": {
        "@vue/cli-plugin-babel": {},
        "@vue/cli-plugin-typescript": {
          "classComponent": true,
          "tsLint": true,
          "lintOn": [
            "save"
          ],
          "useTsWithBabel": true
        }
      },
      "router": true,
      "routerHistoryMode": true,
      "vuex": true
    }
  }
}

然后再回车就开始创建项目，但是这里却报了一个错，大概意思是源有问题。

ERROR  command failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist

于是搜了下原因，原来是创建时候的默认源配置导致，vue cli 安装报错问题解决

所以修改下刚才生成的.vuerc下的useTaobaoRegistry属性值为false就可以了

{
  "useTaobaoRegistry": false,
   ...
}

再次安装成功

原文

GPU云服务器云服务器 vue-cli vue-cli3 linux使用cli 云服务器搭建vue项目

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106560.html

almost最好的Vue + Typescript系列01 环境搭建篇

摘要：初来乍到，请多多关照也许这是第一套基于搭建基于的项目教程。年月初升级到了新的版本版，跟版本项目结构发生了很大的改变，目录结构更简洁更科学。并且可以选配，在此之前配置略麻烦，是的超级，静态类型，便捷的注解，使前端代码优雅。前言 hello~ 大家好。初来乍到，请多多关照 ?(๑•̀ㅂ•́)و✧也许这是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue项目教程...

isLishude 2019-08-22 15:20 评论0 收藏0
Vue Cli3 创建项目

摘要：创建项目安装创建一个项目默认套餐，提供和支持。自己去选择需要的功能，提供更多的特性选择。比如如果想要支持，就应该选择这一项。支持使用书写源码。支持代码风格检查和格式化。 Vue Cli3 创建项目 Vue,Markdown 1. 安装 npm install -g @vue/cli 2. 创建一个项目 vue create iview-admin # OR vue ui showIm...

lifefriend_007 2019-08-23 12:20 评论0 收藏0
vue + typescript 项目起手式

摘要：新项目起手式最后更新于，技术文具有时效性，请知悉我知道你们早就想用上强类型了还有后续进阶篇安装安装依赖配置添加添加让识别改造文件什么是是的强类型版本。是的超集，这意味着他支持所有的语法。与此同时，也是的超集，的也宣布采用进行开发。 vue + typescript 新项目起手式最后更新于2018-06-30，技术文具有时效性，请知悉我知道你们早就想用上 vue + ts 强类型...

zhisheng 2019-08-21 17:17 评论0 收藏0
[译]Vue 2.5中即将推出的TypeScript变化

摘要：中即将推出的变化输入提升自发布以来，我们一直在收到更好的集成请求。然而，当使用开箱即用的时，目前的集成有些缺乏。例如，不能轻易地推断使用的基于对象的默认中的类型。这也使得将现有代码库迁移到更具挑战性。 Vue 2.5中即将推出的TypeScript变化输入提升自Vue 2.0发布以来，我们一直在收到更好的 TypeScript 集成请求。自从发布以来，我们已经为大多数核心库（vu...

用户84 2019-08-21 16:57 评论0 收藏0
vue,angular4,react如何搭建完美的工程项目

摘要：之搭建前端三大框架基础项目支持特点支持多入口页面自动生成在目录下会创建或者下会自动生成文件自定义模板下创建与同名的优先使用自定义模板否则使用作为模板同时支持与作为模板同时支持与编写样式自动构建目录在目录下配置文件 vue,angular4,react 之webpack搭建前端三大框架基础项目 webpack3 + typescript+react https://github.com...

klivitamJ 2019-08-22 11:05 评论0 收藏0