npm微信小程序使用步骤

1、先让小程序跑起来
npm install
nom run dev
2、加新文件需要到page.js中写入代码
例:{
path: ‘/my/friend-circle’,
component: () => import(’@/views/my/friend-circle’),
name: ‘myfriend-circle’
},
3、使用scss需要安装才可使用
npm install --save-dev node-sass
npm install --save-dev sass-loader

4、如果安装不成功那先删除node-modules
rimraf node_modules 删除此文件夹

注意:(1)在微信小程序scss中加背景图不可以直接加,必须转换成代码,到Base64 转码器中转
(2)scss装换成css后,将css结尾命名改成结尾是wxss结尾
(3)在wxss中写的px结尾的全部改为rpx结尾
(4)安装微信小程序步骤:微信小程序—微信公众平台——起步——安装开发工具——点击前往开发者工具下载页面——安装64位——完成
(5)将scss转换成css
sass --watch sass/style.scss:css/style.css
sass --watch css/style.scss:css/style.css
(6)加css页面在自动生成的框架src里的assets里加css,记住加完一律将css结尾的页面改成wxss!
5、如果安装scss不成功那么使用最笨的方法!
(1)、下载图形界面编译工具Koala将SASS文件编译成CSS文件在里面装换在这里插入图片描述创建项目
要让Koala来编译SASS项目,首要的条件就是要有SASS项目,不然巧妇难为无米之炊,什么事也办不了。因为在自己的项目目录下先创建一个SASS项目,在这里我创建了一个名叫koalaSass的项目。(我一般喜欢把项目都放置在一个叫Sites目录中)。同时创建一个sass的目录,把项目中的所以.scss文件放置在这个目录中:在这里插入图片描述Koala使用
Koala的使用其实非常的简单,第一步你启动您安装在本地的Koala,你会看到一个很清爽的界面:在这里插入图片描述添加项目
Koala添加SASS项目非常的简单,你可以点击面板左上角的+(添加)按钮,找到你的SASS项目,然后确认放进来:在这里插入图片描述此时你在Koala面板中,你可以看到已添加进来的Sass项目:在这里插入图片描述除了这种方法之外,还有一种更简单的方法添加sass项目到Koala面板中,那就是直接将你的项目拖到面板右边区域中:在这里插入图片描述一旦你的SASS项目拖到Koala主内容面板区域,松开你的鼠标左键,那么你拖放的SASS项目就放置在Koala中,换句话说,也就是添加项目成功:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值