如何在安装上vue+ts项目 / 升级vue-cli出错

最新推荐文章于 2023-07-19 15:04:45 发布
最新推荐文章于 2023-07-19 15:04:45 发布
阅读量191 收藏
点赞数
分类专栏： vue-cli + ts 文章标签： vue ts vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44634877/article/details/110670437
版权

如何在安装上vue+ts项目

  • 第一步

首先检查你的电脑是否安装了node.js
如果没有的话可以自行前往 node官网

  • 第二步

检查是否安装了vue-cli （可以使用 vue --version 来查看是否安装）
如果版本低于 3.x 就需要升级vue-cli
升级方法
npm uninstall vue-cli -g // 卸载原来的
npm install -g @vue/cli // 安装最新vue-cli
如果在安装在的时候报错
如：
在这里插入图片描述
这个时候是应为没有权限报的错误
可以 以管理员运行cmd 然后再运行npm install -g @vue/cli即可

  • 第三步

配置选择可以查看 这篇文章

Ydoo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
11-21
今天尝试了下安装vue-cli@3.xx，但是安装了很多遍都失败了。 最后访问了一下vue-cli的官方安装指南网站https://cli.vuejs.org/zh/guide/installation.html尝试找出些原因。 根据描述 我顺藤摸瓜地看了看我本地的node版本。 首先，我之前有在使用nvm管理工具，但是之前有段时间安装node搞得不顺畅，就很少理会这块了。今天为了保险起见，再次安装一下。 // 安装nvm curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash 然
更新我的vue3.0+ts的道路
zhou_ya_nan的博客
02-16 384
安装 首先桌面建立一个ts实验包，然后打开powershell的编辑输入,npm init vite-app demo,创建进入到文件夹下面，安装依赖npm install，进入到对应的页面，然后接下来，安装我们的ts，使用npm install typeScript,安装对应的ts安装包，打开项目文件，新建一个tsconfig.json,这个文件主要用来编译项目跟文件和编译选项，，参考的配置可以参考一下， // 配置参考https://www.tslang.cn/docs/handbook/tsconfi
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结
盏茶作酒的博客
07-22 1672
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结 官方升级英文文档，中文文档相对滞后。 简介：vue cli 4 官方已经更新有一段时间了，现在是4.0.5 版本，看了官方文档大概有二十几点的更新，还是干货满满呀，值得升级一下，下面是升级步骤。 一.首先，在全局安装最新的 Vue CLI： npm install -g @vue/cli # OR yarn global add @vue/cli 检查安装的版本 vue -V # 输出:@vue/cli 4.x.x 说明@vu..
vue脚手架升级 typescript安装
sunnyboysix的博客
04-21 612
npm install -g @vue/cli vue3.0主要是使用ts重构，可能会学习到ts ts 查看版本号 tsc -v ts 安装 npm update -g typescript npm install -g typescript
在以创建的VUE3项目中引入TS 及报错处理
weixin_52901482的博客
07-19 1457
vue : 无法加载文件 C:\Users\22380\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlin k/?语句指令：npm install --save-dev @vue/cli-service。找到index.html 看引入的main.js是否改为main.ts。1.打开Windows PowerShell。根据提示安装vue/cli-service。如果项目启动成功页面报错。
vue+cli+ts项目实战.rar
04-02
vuecli4.0 +ts项目实战 项目主要技术为 view-design + moment+ echarts ，内有常年积累utils工具类 以及 css样式重置，博主多年珍藏半数在内
vue-cli3+ts+webpack实现多入口多出口功能
12-08
最近公司有一个需求，需要在项目里面嵌套h5的页面，而且不止有一个嵌套的页面，那么就想办法运用webpack的多入口多出口的打包模式，网上查了很多资料，也有多入口多出口的案例，github上也有相应源码，我就不做过多...
基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
10-15
使用了Vue3.0全家桶、ant-design-vue2.0和typescript4.0，实践vue3.0的新特性
vue-cli3+typescript新建一个项目的思路分析
01-19
最近在用vue搭一个后台管理的单页应用的demo，因为之前只用过vue-cli2+javascript进行开发，而vue-cli3早在去年8月就已经发布，并且对于typescript有了很好地支持。所以为了熟悉新技术，我选择使用vue-cli3+...
详解vue-cli快速构建项目以及引入bootstrap、jq
12-12
vue-cli脚手架工具快速构建项目架构： 。。首先默认了有已经安装了node。。。  npm install -g vue-cli 全局安装vue-cli  vue init webpack cnm 生成项目名为cnm的的项目模板，cnm自定义 npm install 到cnm...
vue项目引入ts步骤(小结)
12-13
最近考虑到老项目代码的可维护性以及稳定性，决定引入ts做规范检测。因为介绍的东西比较基础，如果介绍的不对，麻烦指正。 1. 简介 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持。网上关于ts的学习资料很多，这里不做详细介绍。可参考的学习网站： ts.xcatliu.com/ typescript.bootcss.com/ 2. 安装依赖包 cnpm i typescript ts-loader --save-dev 3. 添加tsconfig.json文件 在项目根目录下添加 tsconfig.json 文件。tsconfig.jso
Vue2+js项目升级为vue3+ts（配置篇）
小菜菜的博客
07-06 2048
升级时配置问题
如何在vue中使用ts
大转转FE
02-27 1万+
注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。typescr
vue-cli3构建TS项目（基础篇）
热门推荐
非为000的博客
05-24 3万+
概述： Vue三个TS官方库 vue-class-component vue-property-decorator vuex-class 1.通过vue-cli3生产项目 vue create xxx vue-cli3脚手架生成项目目录说明 │ .browserslistrc │ .gitignore │ .postcssrc.js // postcss 配置 │ babel.co...
vue版本升级
Joeqq的专栏
08-23 1万+
vue 升级
vue cli4 安装及构建(vue+ts)项目目录
假装是个web dog
09-16 1108
vue cli4 安装及构建项目目录环境需求安装vue cli创建一个项目 环境需求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。本机电脑node 版本 14.11.0 （使用的是nvm 管理的node版本） 安装vue cli 可以使用下列任一命令安装这个新的包： npm install -g @vue/cli yarn global add @vue/cli 查看安装版
vue升级版本
weixin_46138124的博客
02-26 2056
vue要升级，一般就是升级 vue 和 vue-template-compiler，两者的版本需要同步第一步第二步完成 第一步 npm update vue-template-compiler -D 或者 yarn add vue-template-compiler -D 第二步 npm update vue -S 或者 yarn add vue -S 完成 ...
Vue2.6 + TS + composition-api 项目升级至 Vue2.7
伟深么的博客
10-01 1505
Vue2.6* + ts + compostion-api 升级 Vue2.7升级 vue2.7使用 this.$router this.$store
vue-cli+ts+antd项目汇总
最新发布
09-07
Vue-cli是一个官方推出的Vue项目脚手架工具，用于快速搭建Vue项目。ts是TypeScript的简称，是一种由微软开发的开源编程语言，它是JavaScript的超集，可以为JavaScript代码添加静态类型检查和封装类、模块等面向对象编程的特性。antd是蚂蚁金服开源的一套基于React封装的UI组件库，提供了丰富的高质量的React组件。 将这三者结合在一起，意味着我们可以利用Vue-cli搭建一个基于Vue和TypeScript的项目，并使用antd组件库来构建界面。这样的项目结合了Vue的简洁、易用和高效性能，TypeScript的类型检查和面向对象编程特性，以及antd的高质量UI组件，可以提升开发效率和代码质量。 在使用Vue-cli创建项目时，可以选择使用TypeScript作为项目的开发语言，这样项目就会自动集成TypeScript的相关配置和支持。通过使用Vue-cli提供的命令和配置，我们可以快速搭建一个工程化的项目结构，并集成Webpack等构建工具。 在项目中使用antd组件库时，可以通过npm或者yarn安装antd包，然后在Vue的组件中引入所需的组件，并进行相关配置和使用。antd提供了丰富的UI组件，包括按钮、表单、弹窗、表格等常见的界面元素，可以根据项目需求进行选择和使用。 在使用TypeScript编写Vue项目时，可以利用TypeScript的静态类型检查、类型提示功能，提升代码的可读性和可维护性。同时，可以使用面向对象的编程方式来组织代码，更好地管理和封装组件、模块等。 综上所述，使用Vue-cli搭建一个基于Vue、TypeScript和antd的项目，可以充分发挥各自的优势，提升开发效率和代码质量，同时能够满足丰富的UI界面需求。这样的项目具备良好的可扩展性和可维护性，适合于中大型前端项目的开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值