Linux常用命令——bind命令

写在前面

项目创建

这个章节你们可以看我的文章，也可以直接移步这里项目创建,下面的例子是全局安装 NutUi 的使用过程，前面的链接里面有按需加载的，大家注意一下

npm install -g @tarojs/cli

• 安装结束

• 选择框架组合
  （这里大家可以按照我的来，喜欢 ts 的在选择的时候可以选择 ts 即可，其他的编译工具，模板源都自行选择，只是在模板的时候选择一下 NutUi 即可，因为后面的 demo 是基于这个 UI 框架来的）

注意点：

• 如果你是像我一样选择了框架搭配的话，这里的 app.js 不要配置了，否则后面你启动运行到开发工具的时候会失败
  
  这里是你自己使用 npm 安装 nutui 的时候需要手动配置一下，如果是选择了模板搭配的话，你的 app.js 和下面的一致即可,不需要再次手动引入

import { createApp } from 'vue'
import './app.scss'

const App = createApp({
  onShow (options) {},
  // 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
})
export default App

• vscode 插件安装

插件市场搜索：nutui-vscode-extension

这个这样安装之后在开发的时候会有对应的提示：

运行到不同开发平台测试

读取配置文件

命令对应的配置名字

引入步骤

• 运行命令 （使用微信小程序做例子）

yarn dev:weapp

这里之后可以看到我们的项目本地目录已经多了一个 dist 包文件

后面导入的时候直接导入这个包到对应的平台开发工具即可

到此就已经可以在小程序开发工具中打开该项目了，下面是我不同平台开发工具中打开的实际情况

微信小程序

yarn dev:weapp

支付宝小程序

yarn dev:alipay

京东小程序

yarn dev:jd

H5 页面

yarn dev:h5

百度小程序

写在最后