1.5【微信小程序全栈开发课程】安装sublime3代码编辑器以及vue插件

简介: 从第二章开始我们就要正式开始敲代码了,微信开发者工具里面的代码编辑器不太好用,我们需要自己安装一个sublime代码编辑器。

从第二章开始我们就要正式开始敲代码了,微信开发者工具里面的代码编辑器不太好用,我们需要自己安装一个sublime代码编辑器。


1、下载安装包


点击下面链接,根据自己的电脑版本下载对应的安装包


http://www.sublimetext.com/3


Mac电脑就下载第一个OS X版本的安装包就可以,下载的安装包名称为 Sublime Text Build 3207.dmg,直接双击在界面安装打开即可,打开sublime界面如下:

image.png

2、安装vue插件


command+shift+p,输入install,选择第一个Package Control:Install Package

这里可能会出现错误,可以看本文末尾有错误解析,如果没有包含你的错误,可以留言哦~


image.png


需要等一会,出现一个输入框,搜索Vue,点击Vue Syntax Highlight插件安装,安装需要几分钟的时间


image.png


安装完成后,点击右下角Plain Text出现Vue Component选择就说明安装成功了


image.png


3、可能出现的错误


image.png


(1)错误出现原因:


点击菜单栏Sublime Text->Preferences->Package Setting->Package Control ->Setting Default打开文件


image.png


文件中有几行这样的代码:


"channels": [
  "https://packagecontrol.io/channel_v3.json"
],


就是他们搞的鬼,意思是channel_v3.json文件是从网络连接获取的,目前这个https链接请求超时。所以我们的解决方法是将这个文件下载下来放在本地,然后直接从本地获取这个文件。


"channels": [
  "https://packagecontrol.io/channel_v3.json"
],


(2)问题解决


点击下面链接下载channel_v3.json文件,放在你电脑上的一个文件夹里


https://pan.baidu.com/s/1uTMD2PECrE5ItKaUmDy4Qg


提取码:f756


然后打开Preferences->Package Setting->Package Control ->Setting User (这里需要注意的是Setting User,不是我们刚刚打开的Setting Default)设置中添加下列代码,问题就解决了。


其中"/Users/xuzhaoning/workplace/channel_v3.json"是我电脑上channel_v3.json文件的路径,需要改成你自己电脑上面的文件路径~


"channels":
[
  "/Users/xuzhaoning/workplace/channel_v3.json"
],


可以对比下面的照片,检查一下自己代码添加的位置是否正确。添加完成后,按command+s(window电脑是ctrl+s)保存文件,重新打开sublime再次操作就没有问题了~


image.png



目录
相关文章
|
5月前
|
监控 小程序 前端开发
小程序全栈开发中的WebSocket实时通信实践
【10月更文挑战第3天】随着移动互联网的发展,小程序因便捷的用户体验和社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的WebSocket实时通信实践,包括其实时通信、长连接及双向通信的特点,并通过实时聊天、推送、游戏和监控等功能的实现,展示了WebSocket在小程序中的应用。开发者需注意安全性、性能及兼容性等问题,以保障小程序的稳定运行和用户体验。
96 7
|
5月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
159 5
|
5月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
106 5
|
7月前
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
267 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
7月前
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `<swiper>` 实现,二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
160 1
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
|
6月前
|
小程序 JavaScript 前端开发
微信小程序安装和使用 Vant Weapp 组件库
本文介绍了如何在微信小程序中安装和使用Vant Weapp组件库,包括通过npm安装、构建npm、修改配置文件以及在小程序中使用Vant Weapp提供的组件。
微信小程序安装和使用 Vant Weapp 组件库
|
5月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
831 0
|
5月前
|
JSON 文字识别 小程序
微信小程序OCR插件,实现身份证、行驶证、银行卡、营业执照和驾驶证等识别
微信小程序OCR插件,实现身份证、行驶证、银行卡、营业执照和驾驶证等识别
543 0
|
7月前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
238 0
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
|
7月前
|
小程序 数据安全/隐私保护
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件,并配置 Taro 的网络请求方法 `Taro.request`,支持多种 HTTP 方法并处理数据加密。
242 0
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装