VSCode 配置uni-app的方法


Posted in Javascript onJuly 11, 2020

CLI工程全局安装vue-cli

npm install -g @vue/cli

通过cli创建uni-app项目

 vue create -p dcloudio/uni-preset-vue uni-app

选择项目模板,可自由选择如下图:?

VSCode 配置uni-app的方法

VSCode 配置uni-app的方法

使用vscode打开创建的项目

VSCode 配置uni-app的方法

安装vue语法提示插件?

VSCode 配置uni-app的方法

cli工程自带uni-app&5+app语法提示

安装组件语法提示

npm i @dcloudio/uni-helper-json

从 git 下载 uni-app 代码块,放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。

VSCode 配置uni-app的方法

VSCode 配置uni-app的方法

使用scss样式

#先安装node-sass
 npm install node-sass
 #然后安装sass-loader,这里安装7.3.1版本,版本可选择性更新,因为高版本可能会报错
#使用 cnpm 会快一些
 cnpm install sass-loader@7.3.1

运行项目

npm run dev:%PLATFORM%

发布项目

npm run build:%PLATFORM%

%PLATFORM% 可选值参见package.json中的scripts

VSCode 配置uni-app的方法

HBuilderX 工程

  • HBuilderX 创建的工程默认不带 types 语法提示,在 vscode 中编辑的时候,可以自行安装
  • 初始化npm

npm i @types/uni-app @types/html5plus -D

安装uni-app语法提示

npm i @types/uni-app @types/html5plus -D

uni-app项目中manifest.json、pages.json 等文件可以包含注释。vscode 里需要改用 jsonc 编辑器打开

VSCode 配置uni-app的方法

总结

到此这篇关于VSCode 配 uni-app的文章就介绍到这了,更多相关VSCode 配 uni-app内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Prototype RegExp对象 学习
Jul 19 Javascript
jquery中文乱码的多种解决方法
Jun 21 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
微信小程序 登录的简单实现
Apr 19 Javascript
Angular 4.x中表单Reactive Forms详解
Apr 25 Javascript
JS中的三个循环小结
Jun 20 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 #Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 #Javascript
详解JavaScript匿名函数和闭包
Jul 10 #Javascript
Vue watch响应数据实现方法解析
Jul 10 #Javascript
详解Vue之事件处理
Jul 10 #Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 #jQuery
Element图表初始大小及窗口自适应实现
Jul 10 #Javascript
You might like
基于php缓存的详解
2013/05/15 PHP
ext 同步和异步示例代码
2009/09/18 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
用jquery存取照片的具体实现方法
2013/06/30 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
python基于queue和threading实现多线程下载实例
2014/10/08 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
Django admin美化插件suit使用示例
2017/12/12 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
将python安装信息加入注册表的示例
2019/11/20 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
python Shapely使用指南详解
2020/02/18 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
用python计算文件的MD5值
2020/12/23 Python
python中Mako库实例用法
2020/12/31 Python
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
什么是SCM(软件配置管理)
2014/08/16 面试题
公司联欢晚会主持词
2014/03/22 职场文书
ktv好的活动方案
2014/08/15 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
Java如何实现树的同构?
2021/06/22 Java/Android
Golang实现可重入锁的示例代码
2022/05/25 Golang
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS