当前位置:   article > 正文

环境安装 (angular+ionic+cordova+Vue)

环境安装 (angular+ionic+cordova+Vue)

1. angular安装

npm install -g @angular/cli

Ng v验证安装是否成功

1.1 创建项目

ng new 项目名称   

ng new angulardemo  --同时会安装依赖包,执行的命令就是npm i

如果要跳过npm i安装:

ng new angulardemo --skip-install --不需要安装依赖包

1.2 运行项目

cd angulardemo

ng serve --open

2. ionic+cordova安装

  1. npm install -g cordova
  2. npm install -g ionic

cordova -v 、ionic -v 验证安装是否成功

2.1 创建项目

ionic start ionicdemo blank

2.2 运行项目

cd ionicdemo

2.2.1 添加一个平台,比如Android或iOS(需要安装相应的Android SDK或Xcode)

ionic cordova platform add android
ionic cordova platform add ios

2.2.2 构建项目
ionic build 

2.2.3 在模拟器或真机上运行项目:

ionic cordova emulate android
# 或者
ionic cordova run android
# 或者
ionic cordova emulate ios
# 或者
ionic cordova run ios

请注意,上述命令假设你正在使用Android设备或者你已经安装了Xcode。如果你想在浏览器中预览应用,可以使用:

ionic serve

3. Vue安装

npm install -g @vue/cli

Vue -V   验证安装是否成功(大写V)

3.1 创建项目

vue create vuedemo

3.2 运行项目

cd vuedemo

npm i 安装依赖

npm run serve 运行项目

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/749002
推荐阅读
相关标签
  

闽ICP备14008679号