Ionic3开发环境搭建-VS Code

简介: 原文:Ionic3开发环境搭建-VS Code 一、Ionic3在VS Code中的开发环境搭建 1.全局安装Ionic包 npm install -g cordova ionic使用 ionic -v命令,查看是否安装成功 2.
原文: Ionic3开发环境搭建-VS Code

一、Ionic3在VS Code中的开发环境搭建

1.全局安装Ionic包

npm install -g cordova ionic
使用 ionic -v命令,查看是否安装成功


2.使用ionic start xxx 命令创建Ionic3项目

ionic start myApp tabs
注:tabs 是创建初始化项目类型,默认带有tab页模板


3.使用ionic serve 命令,运行项目

cd myApp
ionic serve
使用 ionic/cordova platforms ls ---查看支持的平台  

ionic/cordova platform add xxx ---安装支持的平台

苹果环境:

ionic platform add ios
ionic emulate ios
安卓环境:

ionic platform add android
ionic run android
4.使用VS Code 打开开项目,修改home页面

注:在VS Code中编写页面方式,和开发Angular2一样,点击保存自动刷新浏览器。

  <button ion-button color='light'>light</button>
  <button ion-button>默认按钮</button>
  <!-- 日期控件 -->
  <ion-item>
    <ion-label>Start Time</ion-label>
    <ion-datetime displayFormat="h:mm A" pickerFormat="h mm A" >
    </ion-datetime>
  </ion-item>

运行结果:



更多:

Apache Cordova开发环境搭建(二)VS Code

Ionic创建项目失败:[ERROR] Network connectivity error occurred, are you offline?

Ionic2 相关文档整理

目录
相关文章
|
29天前
|
人工智能 Java Python
python安装、vscode安装、conda安装:一文搞定Python的开发环境(史上最全)
尼恩架构团队推出了一系列《LLM大模型学习圣经》PDF,旨在帮助读者深入理解并掌握大型语言模型(LLM)及其相关技术。该系列包括Python基础、Transformer架构、LangChain框架、RAG架构及LLM智能体等内容,覆盖从理论到实践的各个方面。此外,尼恩还提供了配套视频教程,计划于2025年5月前发布,助力更多人成为大模型应用架构师,冲击年薪百万目标。
|
6月前
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
1040 0
|
7月前
|
JavaScript 前端开发 关系型数据库
入职必会-开发环境搭建28-VSCode下载和安装
Visual Studio Code(简称 VS Code)是由微软开发的免费开源代码编辑器,支持几乎所有主流操作系统,包括 Windows、macOS 和 Linux。它具有丰富的功能和扩展性,适用于各种编程语言和应用场景。
|
7月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
482 3
|
8月前
|
IDE 开发工具
一文搞懂:【Haxe】(一)VSCode搭建Haxe开发环境
一文搞懂:【Haxe】(一)VSCode搭建Haxe开发环境
92 0
|
8月前
|
NoSQL C语言 C++
C语言开发环境搭建,使用vscode运行hello,world
C语言开发环境搭建,使用vscode运行hello,world
203 0
|
8月前
|
JavaScript C++ 应用服务中间件
vs code 搭建 vue 开发环境
vs code 搭建 vue 开发环境
62 4
|
9月前
|
JavaScript 搜索推荐 Java
vscode打造舒适的python开发环境
_shigen_ 是一位专注于Java、Python、Vue和Shell等技术的博主,分享成长与认知。本文旨在记录配置Mac Python开发环境的过程,以优化使用体验和效率。内容包括:检查与验证Python版本,设置pip的阿里云镜像源以加速下载,以及VSCode的个性化配置,如选用美观的等宽字体和安装Python、isort(导入排序)及autopep8(代码格式化)插件。通过这些步骤,读者可复刻作者的高效开发环境。关注_shigen_ ,每天学习新知识!
106 0
vscode打造舒适的python开发环境
|
9月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
1396 0
|
9月前
|
缓存 编译器 程序员
嵌入式开发环境Vscode开发STM32单片机程序
嵌入式开发环境Vscode开发STM32单片机程序
220 1

热门文章

最新文章