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中,换句话说,也就是添加项目成功: