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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
Oct 15 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
Sep 28 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
Jul 26 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 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简单分页类实现方法
2015/02/26 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
JS实现简易换图时钟功能分析
2018/01/04 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
python条件和循环的使用方法
2013/11/01 Python
python实现各进制转换的总结大全
2017/06/18 Python
Python单例模式的两种实现方法
2017/08/14 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
TensorFlow自定义损失函数来预测商品销售量
2020/02/05 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
用python实现一个简单的验证码
2020/12/09 Python
如何给HTML标签中的文本设置修饰线
2019/11/18 HTML / CSS
努比亚手机官网:nubia
2016/10/06 全球购物
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
银行财务部实习生的自我鉴定
2013/11/27 职场文书
工商管理系学生的自我评价分享
2013/11/29 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
离婚协议书怎么写
2014/09/12 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
文艺节目主持词
2015/07/06 职场文书
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python
SQL之各种join小结详细讲解
2021/08/04 MySQL
python数字图像处理实现图像的形变与缩放
2022/06/28 Python