当前位置: 首页 > news >正文

新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。

第一次执行vscode编译ts可能会报错,有解决办法。

在有node的情况下。全局安装ts
操作命令 npm install -g typescript
注意的是你在C盘的Administrator目录下**,运行 tsc -v 也可看到TypeScript的版本。**
但是在vscode中的时候运行tsc 编译ts文件的时候报错如下,此时tsc -v也报同样的错:(vscode不在C盘的Administrator目录下)
在这里插入图片描述
原因是 PowerShell的默认执行策略是 Restricted,它禁止运行任何脚本和配置文件。故需更改PowerShell的设置来解决刚遇到的问题。

办法

1、以管理员身份运行powerShell(一定要以管路员身份打开)
(① 使用 win+x 快捷键,会出现如下弹窗,鼠标左键单击Windows PowerShell 即可打开shell.)
**2、**执行以下命令:
set-ExecutionPolicy RemoteSigned
**3、**敲Y/A
4 运行 get-ExecutionPolicy 命令,可看到脚本的执行策略已被更改为 RemoteSigned
5回到vscode的终端,输入命令 tsc -v 不再报错,也可对ts文件进行编译。

1脚手架搭建跟Vue搭建是一样的

第一步先俺咋混个typescript
执行命令 npm install typescript -g
或者yarn global add typescript
注意tsc的操作命令 容易报错 tsc --help帮助
第二步:
npm i @vue/cli -g 全局安装Vue的脚手架
然后
就可以创建项目了,注意的是项目名不能有大写,否则会报错。 vue create 项目名

安装比较慢提示我切换镜像源taobao,你也可以提前切换好,否则选yes就好。
在这里插入图片描述

在这里插入图片描述
这个选择自定义的就可以了,不会选择就用键盘的↓ 就OK。
在这里插入图片描述
然后根据你所需要的选择你想要的就可以了
在这里插入图片描述
根据情况进行下一步y/n
,静静的等待他成功,所以你的网络一定好。
完成后会有提示
我们先进入到创建的项目名 cd 名
use class-style component 选择yes
就npm run serve 或者yarn 。
介绍配置文件
tsconfig.json 是配置提示编译环境
XXXX.d.ts(以.d.ts后缀名的文件是)支持vue,jsx,ts 的写法。

相关文章:

  • Java8新特性 1——利用流和Lambda表达式操作集合
  • VUE2.0 创建项目步骤
  • 用 Swift 编写面向协议的视图
  • 当你vue创建项目创建不成功,报错Failed to get response from htttps://registry.npm.taobao.org/vue-cli-version-m,解决办法
  • iptables基础原理
  • 冲刺第二阶段第十天
  • 跨域,配置代理服务器,解决
  • Navicat for MySQL 常用功能有哪些
  • 路由元数据meta,导航的使用,导航消失
  • 006_过滤器
  • 聊一聊JS运行机制,这些事概念,具体需要理解进行科普一下
  • HDOJ/HDU 1804 Deli Deli(英语单词复数形式~)
  • 原型链的理解
  • 关于图片加载非常爽的一个三方控件 fresco,一个三fresco
  • 深浅拷贝的理解
  • 分享一款快速APP功能测试工具
  • 【译】理解JavaScript:new 关键字
  • AHK 中 = 和 == 等比较运算符的用法
  • Angular Elements 及其运作原理
  • Angularjs之国际化
  • ECMAScript入门(七)--Module语法
  • Git同步原始仓库到Fork仓库中
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • JS实现简单的MVC模式开发小游戏
  • MySQL Access denied for user 'root'@'localhost' 解决方法
  • opencv python Meanshift 和 Camshift
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • text-decoration与color属性
  • Web Storage相关
  • Zepto.js源码学习之二
  • 包装类对象
  • 订阅Forge Viewer所有的事件
  • 给github项目添加CI badge
  • 基于axios的vue插件,让http请求更简单
  • 前端技术周刊 2019-01-14:客户端存储
  • 巧用 TypeScript (一)
  • 怎么把视频里的音乐提取出来
  • 【云吞铺子】性能抖动剖析(二)
  • Mac 上flink的安装与启动
  • 策略 : 一文教你成为人工智能(AI)领域专家
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • ###项目技术发展史
  • #Java第九次作业--输入输出流和文件操作
  • $().each和$.each的区别
  • (TOJ2804)Even? Odd?
  • (定时器/计数器)中断系统(详解与使用)
  • (二十四)Flask之flask-session组件
  • (附表设计)不是我吹!超级全面的权限系统设计方案面世了
  • (十一)手动添加用户和文件的特殊权限
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (转载)(官方)UE4--图像编程----着色器开发
  • ./和../以及/和~之间的区别
  • .equals()到底是什么意思?
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...