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 相关文章推荐
JS 有名函数表达式全面解析
Mar 19 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 Javascript
jQuery动态创建html元素的常用方法汇总
Sep 05 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
vue之数据交互实例代码
Jun 16 Javascript
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
js实现简单选项卡功能
Mar 23 Javascript
js常用正则表达式集锦
May 17 Javascript
jquery实现动态改变css样式的方法分析
May 27 jQuery
使用compose函数优化代码提高可读性及扩展性
Jun 16 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/05/12 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
跟老齐学Python之关于类的初步认识
2014/10/11 Python
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python运算符重载用法实例
2015/05/28 Python
Python判断列表是否已排序的各种方法及其性能分析
2016/06/20 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
实习单位推荐信范文
2013/11/27 职场文书
公司合作协议书范本
2014/04/18 职场文书
关于安全演讲稿
2014/05/09 职场文书
实习护士自荐信
2014/06/21 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
2019入党申请书格式
2019/06/25 职场文书