vscode+vue+stylus+github创建新项目
我这人记性不好,每次新建项目总是丢三落四,所以要用笔记录下来。
1.github创建项目
复制gihub项目路径,clone到本地工作空间
2.用vscode打开此文件夹
3.安装vetur插件
4.打开新终端,创建vue项目
vue init webpack test
会提示文件夹已存在,选择y,回车,开始自动下载
之后为常规创建vue项目的设置
设置完成自动安装vue项目依赖(或者手动npm install)
5.vscode打开新创建的项目,也就是test文件夹,打开新终端
执行 npm run dev,项目构建完成,把地址贴到浏览器就可以看到vue页面了
6.安装stylus插件
7.安装stylus依赖
npm install stylus stylus-loader --save-dev
这里安装以后运行可能报错
原因:
stylus-loader安装的版本过高
解决方案:
1.npm uninstall stylus-loader
2.npm install stylus-loader@3.0.2 --save-dev
8.格式化配置
stylus格式化
去掉末尾逗号
去掉末尾分号
优先使用单引号
vscode中ctrl+shift+p,输入settings,选择settings(JSON)
json文件中新增以下配置,注意json格式,就可以shit+alt+f格式化代码了
总结:按照上面步骤创建的项目就可以开始正常快速开发了,有些安装的插件下次就不用在安装了。
作者: Binyy
出处: https://www.cnblogs.com/loveFlex
城市:wuhan
微信:momakeyy
详细源码请移步,记得点个星星噢~ https://gitee.com/binyylovesino/lilo-ui 欢迎各路大佬指导、提问~
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出 原文链接 如有问题, 可邮件(408460486@qq.com)或者微信咨询.
posted on 2021-03-18 11:39 Binyy_Wuhan 阅读(166) 评论(0) 编辑 收藏 举报