Vue 3.0 快速教程

本文为我的学习笔记,适合有 Vue.js 2.0 基础的人阅读。


1,下载基础设置

克隆Vue-next-Webpack-preview项目,它将为我们提供包括Vue 3在内的最小的Webpack设置。

$ git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment
$ cd vue3-experiment
$ npm install


2,添加sass 支持

npm install --save-dev style-loader node-sass sass-loader

在webpack.config.js 中添加

module: {
  rules: [
    ...
    {
      test: /\.scss$/,
      loaders: ["style-loader", "css-loader", "sass-loader"]
    }
  ]
}

在*.vue 文件的 style标签中,添加属性 lang=”scss” 即可支持scss。




未完待续

真诚赞赏,手留余香
赞赏
随机推荐
axios发送post请求,nodejs无法正常获取
MySQL 数据库如何存储时间?Datetime 和 Timestamp 之间的抉择
设计的四个基本原则
移动端UI设计规范「小白干货」
Windows 下 Redis 安装配置 PHP 模块
CentOS 系统时间相关命令
Node.js process.env 根据环境切换配置文件
如何选择开源许可证?
Windows批处理使用7-zip压缩多个文件夹
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY