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