准备坚持写一个vue系列专题，算是为自己搭建知识库。。。（为什么segmentfault不支持分类呢)

脚手架

npm install vue-cli -g       // 进入项目
vue init webpack vue-demo

初始化项目过程中，会出现选择题。。。

大家按照自己的习惯选择就行。

初始化完成之后，

npm i
npm run dev       //启动项目

引入sass

为了使用sass，我们需要安装sass的依赖包

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

然后找到build，在webpack.base.config.js中module.rules配置如下：

// 这里使用相对宽松的scss
{test: /\scss.$/,loaders: ["style", "css", "scss"]
}

修改components中style标签:

<style lang="scss">
</style>

如果想公共样式也使用scss，可以在App.vue引入

<style lang="scss">@import './common.scss';
</style>

Vue系列之搭建环境相关推荐

大数据学习系列之八----- Hadoop、Spark、HBase、Hive搭建环境遇到的错误以及解决方法
大数据学习系列之八----- Hadoop.Spark.HBase.Hive搭建环境遇到的错误以及解决方法参考文章: (1)大数据学习系列之八----- Hadoop.Spark.HBase.Hiv ...
天龙八部TLBB搭建（三）CentOS7x系列服务器手工环境架设配置
天龙八部TLBB搭建(三)CentOS7x系列服务器手工环境架设配置今天这个教程用的手工去搭建环境,这样的搭建出来的环境稳定性强一些今天这个教程用的手工去搭建环境,这样的搭建出来的环境稳定性强一些 ...
搭建环境创建vue项目
搭建环境创建vue项目 1.安装npm 2.使用淘宝NPM镜像 3.项目初始化 4.命令行创建项目 1.安装npm 下载对应你电脑系统的Node.js版本:下载 | Node.js 中文网具体安装步 ...
win10编译OpenCV4Android系列1-Android编译环境搭建
win10编译OpenCV4Android系列1-Android编译环境搭建前言一.配置JDK 1.下载JDK 2.安装JDK 二.配置AndroidSDKTools 1.下载AndroidSDK ...
如何搭建一个Vue项目和配置环境
如何搭建一个Vue项目和配置环境一.Vue简介 Vue(读音/vju/, 类似于view) 是一套用于构建用户界面的渐进式框架, 发布于2014年2月.与其它大型框架不同的是, Vue被设计为可以自 ...
【s32k】s32k14x系列(1)——开发环境搭建
文章目录 s32k1xx环境搭建 1. S32K系列MCU开发环境 2. 软件安装包及SDK获取 3. 软件安装 s32k1xx环境搭建 1. S32K系列MCU开发环境主要有以下三种环境供我们选择 ...
【Hexo搭建GitPage博客系列】02.环境搭建
转载声明:商业转载请联系作者获得授权,非商业转载请注明出处.原文来自 © 呆萌钟[Hexo搭建GitPage博客系列]02.环境搭建前言 Hexo搭建博客需要基于Node.js环境,而且依赖于Git ...
java窗口代码_Java系列教程day01——java的搭建环境
day01--搭建环境变量&HelloWorld程序 1.注意听课,不要溜号,不要睡觉,不要游戏. 2.我的联系方式: QQ:79539705 3.整理笔记.绘制思维导图.完成作业.. 一.J ...
jenkins搭建_自动化测试系列之jenkins配置搭建环境
今天来给大家讲解一下关于jenkins配置搭建环境~ 1.安装及运行 (1)下载 http://updates.jenkins-ci.org/latest/jenkins.war (2)运行两种运行 ...

Vue系列之搭建环境

脚手架

引入sass

Vue系列之搭建环境相关推荐

最新文章

热门文章