首页 > 其他分享 >VUE3企业级项目基础框架搭建流程(2)

VUE3企业级项目基础框架搭建流程(2)

时间:2023-01-17 11:15:23浏览次数:57  
标签:typescript sass 项目 企业级 命令 vue VUE3 安装 搭建

typescript安装

这里使用的vue项目语言为:TypeScript,不了解的可以先去学习一下。TypeScript中文网
正常情况下安装typescript的命令为:

// 全局安装
npm install -g typescript
// 编译命令
tsc filename.ts

项目是由Cli脚手架创建的,所以可以用脚手架中包括的vue对应命令添加typescript组件。
在项目对应的根目录下,使用webshell面板,输入命令:

vue add typescript


这个时候原先访问的页面可能会报错,没关系,关闭后重启一下服务就好了。

sass安装

项目中样式sass来编写。在style中加入lang=“sass”,编译后会报错,提示没有sass-loader。所以我们需要安装对应样式编译器

// 安装命令
npm install sass-loader node-sass --save

安装完成后重启服务就行。

标签:typescript,sass,项目,企业级,命令,vue,VUE3,安装,搭建
From: https://www.cnblogs.com/xiaolinye/p/17057275.html

相关文章

  • VUE3企业级项目基础框架搭建流程(1)
    开发环境和技术栈操作系统windows11开发工具vscode、phpstudy(小皮):nginx1.15.11,mysql5.7.26,php7.4,NavicatforMySQL前端VUE3、TypeScript、SCSS、ElementUi、R......
  • Nextcloud环境搭建
    Nextcloud环境搭建由于最近分配到的项目是为nextcloud开发一个插件,所以写了一个有关于nextcloud环境配置的文章本文的系统环境为虚拟机centos7(windows不支持nextcloud),php环......
  • vue3.2 + element-plus 表单嵌套表格实现动态表单验证
    借鉴了这位兄弟的思想,进行了优化和vue3.2语法糖改造:https://blog.csdn.net/weixin_45295253/article/details/115582504实现:<template><el-formref="formRef":mod......
  • ubuntu20.04搭建Nginx+rtmp服务器
    1.ubuntu20.04安装Nginx代理服务器安装nginxsudoaptupdatesudoaptinstallnginx安装完成后,Nginx将会自动被启动。运行下面的命令来验证:   测试安装在网页......
  • dockercompose搭建GITLAB上传代码
    1.创建挂载目录:mkdir-p/home/yuexin/gitlab/etc/home/yuexin/gitlab/log/home/yuexin/gitlab/data2.编写dockercomposeversion:'3.7'services:gitlab:im......
  • 租用香港服务器搭建网站安装SSL证书有什么用?
    SSL证书是数字证书的一种,因为配置在服务器上,也称为SSL服务器证书。该安全协议主要用来提供对用户和服务器的认证;该协议主要用于发送安全电子邮件、访问安全站点、网上招标与......
  • 基于sealos 4.1.4 搭建Kubernetes集群
    软件版本操作系统:CentOS7.9Sealos:4.1.4Kubernetes:1.25.5步骤1、创建一个虚拟机作为模板,要求核心数大于等于2;2、模板机上确定net-tools、vim等安装到位;3、克......
  • 分布式文件系统seaweedfs搭建配置
    官方网站:https://github.com/chrislusf/seaweedfs/wiki/Getting-Startedseaweedfs是一个非常优秀的由golang开发的分布式存储开源项目。它是用来存储文件的系统,并且与......
  • 直播平台搭建,Android手机拍照和手机相册选取图片的工具
    直播平台搭建,Android手机拍照和手机相册选取图片的工具packagecom.shentaiwang.jsz.savepatient.util; importandroid.app.Activity;importandroid.content.ContentVa......
  • kafka-eagle 监控平台搭建(windows)
    1、启动zookeeper和kafka2、安装kafka-eagle:https://blog.csdn.net/fyihdg/article/details/1255871273、使用sqlite数据库完成搭建(默认使用的mysql,但我的版本为8.0,eagle......