本项目基于仓库地址：
git clone :GzhiYi/react-onestep.git
cd react-onestep
可选npm包管理安装packagenpm install
如果不想要提交历史，可以克隆后手动删除.git文件夹后再初始化仓库。
具备Create React App命令，但经过弹出原始隐藏配置后，npm run eject或者yarn run eject不可用。
npm start 或 yarn start
运行开发模式，在运行前会编译scss为css文件，运行后打开即可看到项目内容。
npm test 或 yarn test
运行测试，未基于原项目再次补充测试用例等代码。
npm run build 或 yarn run build
运行生产模式打包项目用于部署。生产模式将通过webpack压缩代码，生成的文件名附带哈希值。
项目额外包含内容
项目预留两个小栗子，便于了解React状态管理和路由的知识。
生成vscode调试文件，可以安装扩展Debugger for Chrome调试程序。可自行修改launch.json以符合你的要求。
支持sass。运行开发模式将自动编译为对于的css文件。组件内需要手动引入对应生成的css文件。若在新文件夹内新建scss文件，务必在.gitignore内增加排除，保持线上仓库整洁。
flow静态类型检查，写代码不至于那么多bug。查看了解用法。
引入react-redux、react-router-dom、redux-thunk等，便于搭建大型应用。
提供redux-logger，可在console内看到状态，方便调试控制。
使用axios请求接口。
分离模块，对项目结构进行控制，可以有序的管理组件和state。
不间断寻找更优方案优化项目。
主要模块文件夹说明
config webpack配置文件以及jest配置文件等。如重点关注视图层开发，可不用过多关注相关配置。
script 命令入口处，可以调整build、start、test命令相关的配置。
src/modules 分布actions、reducers以及constants.js，用于处理数据请求、状态数据等相关操作。
src/settings 配置http实例、路由设置以及状态管理的配置文件。
src/views 视图层、组件分布。
如果只是开发一个简单的应用，可以直接用CRA创建一个。而对于redux这样的状态管理，如果应用状态少，大可不需要使用，你完全可以使用React本身的state处理组件的状态。这个项目适合构建较为复杂的应用，适合多人分工构建。
再有，当前master分支只有搭建好的项目结构，可以随时通过npm引入其他需要的package。由于项目刚搭建不久，可以用于个人网站或者稍微复杂的页面，后续不断提升项目稳定性和易用性，争取能开箱即用，快速搭建需要的页面内容。
有更好的实践或者方案，欢迎留言讨论PR。
0 收藏&&|&&0
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。sass 在vue-cli下的高亮问题
[问题点数：100分]
本版专家分：0
CSDN今日推荐
本版专家分：124933
2017年 总版技术专家分年内排行榜第七
2018年5月 Web 开发大版内专家分月排行榜第一2018年1月 Web 开发大版内专家分月排行榜第一2017年12月 Web 开发大版内专家分月排行榜第一2017年6月 Web 开发大版内专家分月排行榜第一2017年2月 Web 开发大版内专家分月排行榜第一2016年3月 Web 开发大版内专家分月排行榜第一2015年8月 Web 开发大版内专家分月排行榜第一
2018年7月 Web 开发大版内专家分月排行榜第二2018年6月 Web 开发大版内专家分月排行榜第二2018年4月 Web 开发大版内专家分月排行榜第二2018年3月 Web 开发大版内专家分月排行榜第二2018年2月 Web 开发大版内专家分月排行榜第二2017年11月 Web 开发大版内专家分月排行榜第二2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2016年12月 Web 开发大版内专家分月排行榜第三2016年10月 Web 开发大版内专家分月排行榜第三2016年1月 Web 开发大版内专家分月排行榜第三2015年12月 Web 开发大版内专家分月排行榜第三2015年11月 Web 开发大版内专家分月排行榜第三2015年10月 Web 开发大版内专家分月排行榜第三2015年5月 Web 开发大版内专家分月排行榜第三2015年1月 Web 开发大版内专家分月排行榜第三2014年12月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！
其他相关推荐
vue-cli webpack
系统的、详细的介绍了SASS，SASS入门必备，从背景到使用方法......
sass作为css的预处理器,是css3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等，可通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。
sass git clone代码https://github.com/nex3/sass
一个简单的vue-cli编写的页面，vue-cli小练习，命令行npm run dev或直接运行npm install ,npm run dev，
CSS高效开发实战
CSS 3、LESS、SASS、Bootstrap、Foundation PDF电子书下载 带书签目录 (试读版) 和 sass与compass实战 (全) 推荐看 sass与compass实战 就够了 我传了 2本书
vue-router vue-cli vue-webpack vue-stylus vue-axios vue-ydui vue-resource
数学建模2003年的A题，有关于SASS的传播问题的讨论
Sass和Compass预处理CSS，Sass(Scss)是世界上最成熟、稳定和强大的专业级CSS扩展语言,Sass(Scss)中文网主要致力于Sass(Scss)在中国的推广,通过Sass(Scss)来改变前端工程师,提高效率
vue-cli 整个脚手架及每个模块的功能介绍node-sass 不支持 electron，求解决方案
15:35:05 +08:00 · 1492 次点击
我用 electron 做了一个简单的 app ，监听 sass 文件，然后调用 node-sass 将其编译成 css 。
但发现 node-sass 不支持 electron ，错误如：
&Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (50)
github 上提问， contributor 说 node-sass 就是不支持 electron ，也没有支持的打算。我又搜到了一些模糊的答案，比如重新编译说明的。
但宝宝此刻好像一个麻瓜一样。编译什么的，完全不懂。求解决过的大神指点下。
7 回复 &| &直到
21:36:53 +08:00
& & 15:37:23 +08:00
换 stylus 能解决么？
& & 15:40:07 +08:00
何必呢。。。直接 gulp 不好么。。 windows 都自带 ubuntu 了
& & 16:05:00 +08:00
@ 我也不想用 electron ， 但是没办法。 现在的问题时如何解决 node-sass 的支持问题。
& & 16:05:45 +08:00
@ 没试过啊。谢谢你的建议
& & 09:14:19 +08:00
为什么要集成在 electron 里面，它明明只是开发时候用的。
& & 10:48:50 +08:00
@ 这肯定有人做了。看看别人怎么做的吧。
类似这种吧。
& & 21:36:53 +08:00
@ 这几天在 github 上看了相关讨论。解决方案就是重新编译。不过，我总是编译不通过，各种报错
& · & 1951 人在线 & 最高记录 3762 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 15ms · UTC 13:51 · PVG 21:51 · LAX 06:51 · JFK 09:51? Do have faith in what you're doing.PasS/SasS解决方案-UCloud
PaaS&SaaS解决方案
完善的API，灵活调度资源，快速部署服务
资源支持按需付费，节省成本
容灾环网实现跨机房灾备
提供了丰富的开放API，您可实现云资源的自动化管理；优质的CDN资源，给您的客户最流畅的速度体验。
更好更快的网络体验
CDN将加速内容分发至全球500+节点，并进行智能调控和缓存，为用户计算最近的访问节点。
数据可靠服务可续
云主机99.95%可用性、99.9999％数据可靠性、热迁移技术、内核热补丁升级，提升整体可用性。
灵活的计费方式
支持按需计费，满足多种阶段成本需求；共享带宽，多业务错峰，获得更低成本。
完善的API接口
提供完善的API接口对接SAAS平台，通过API可灵活调度资源，快速部署服务。
我们以行业需求切入云计算领域，并持续保持公有云解决方案的专业优势。
更多解决方案
UCloud已成功服务40,000+企业客户，与他们一起开始云计算之旅。
立刻体验，即可享受30余款产品免费套餐sass不支持中文
不是他不支持
是你打开的方式不对
我用的是 Ruby
如果你也是用了这2款 那你没进来错
跟着博主的步骤来走
1、 打开koala 的安装目录找到
engine.rb的那个文件
2、在 require 的最后面加入
Encoding.default_external = Encoding.find('utf-8')
3、打开Ruby
的安装目录找到 engine.rb的那个文件
4、在 require
的最后面加入 Encoding.default_external = Encoding.find('utf-8') 保存
5、重启下，是不是可以了。那就进行第6步
6、点赞本博文
SASS 不支持中文的解决办法
1：首先找到你的koala软件，点击右键显示包内容
2：找到如下路径：Koala.app/Contents/Resources/app.nw/rubygems/gems/sass-3.4.9/l...
node更新版本后sass无法编译解决办法
npm install node-sass：出现错误Error: ENOENT: no such file or directory, scandir '/Users/haoxiaojun/xfs-g...
sass中带中文报错解决方法:
文件开头加@charset &UTF-8&;
koala 编译scss不支持中文（包括中文注释），解决方案如下
进入Koala安装目录，例如：C:\Program Files (x86)\Koala\rubygems\gems\sass-3.4.9\lib\sass
找到engine.rb文件，在该文件中找到...
scss中文注释
一、在ruby的安装目录
如C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass下的文件engine.rb中
添加Enc...
Sass解决不支持中文问题
由于在使用Sass写CSS时，但使用中文字体提示报错，于是诞生了解决方案：
在koala的安装目录下（C:\Program Files (x86)\Koala\rubygems\gems\sass...
一张图告诉你什么是Iaas/Pass/Sass
理解Iass Pass SasS三种云服务区别
其实搞懂这个问题也不难，我们可以把云计算理解成一栋大楼，而这栋楼又可以分为顶楼、中间、低层三大块。那么我们就可以把Iass(基础设施)、Pass(平台)、Sass(软件)理解成这栋楼的三部分。基础设施...
基于综合服务平台浅谈Sass应用
CSS不是一种编程语言，只是单纯的一行行的描述，没有逻辑没有变量，因此写CSS对于习惯于运用逻辑思维编码的程序员来说是一件很头疼的事。于是勤奋的程序员就开始运转他们敏捷的大脑，...
没有更多推荐了，