首页
学习
活动
专区
圈层
工具
发布

Ionic安装环境安装关于墙国环境创建Ionic项目测试运行项目

安装Ionic 接下来正式安装Ionic,使用命令行工具: $ npm install -g ionic cordova 如果没有管理员权限,可以使用sudo命令(linux下)。 ?...关于墙国环境 在Ionic的安装和后续维护中会大量使用到npm工具,虽然npm可以访问,但是速度感人,因此天朝新一代无产阶级程序员一般会给npm加一个国内的源。目前,使用最多的是淘宝的源。...创建Ionic项目 $ ionic start MyIonic2Project tutorial --v2 使用 start 命令,MyIonic2Project 这是项目名,tutorial是模版名,...创建Ionic项目 报错了undefined,先按提示用安装命令升级下cordova试试: npm install -g cordova ?...创建项目成功 测试运行项目 进入项目目录 cd MyIonic2Project 启动 ionic serve 启动过程需要一点时间,如下图所示: ?

1.5K40

Npm环节安装、项目初始化以及插件安装

1NPM环境安装 npm环境搭建的话,需要安装Nodejs,可以打开百度首页输入nodejs进行搜索: 具体安装这里可以参考之前写的文章: Node.js环境搭建以及常见npm用法 注意事项: 1、安装完之后...2NPM的使用 1、项目初始化操作 在本地建一个空的文件夹,然后在当前路径下打开cmd窗口(在资源管理器中输入cmd即可): 输入 npm init 即可初始化一个项目。...输入命令后需要手动输入项目名、版本、描述信息、仓库地址等一系列的信息,部分可以直接敲回车跳过 觉得繁琐的话,可以直接输入npm init -y ,则会采用默认的值进行初始化操作。...package-lock.json是在执行npm install 命令的时候生成的一个文件,文件中会记录项目的名称、版本号以及相关的依赖信息等: package-lock.json文件的内容,有点类似于...latest 表示安装最新版本(不指定版本号安装时,默认是安装最新的版本) npm install element-ui@latest 注意:指定版本安装时,对应的版本号必须存在喔,否则会报错。

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【开发指南】(一)Ionic3开发环境配置常规ionic的环境搭建如下:

    node(含npm)——必须 安装完我们常会用到以下命令:npm install -g 模块 或者 npm install 模块 ,有-g表示全局安装,没有-g表示当前项目安装 输入npm...-v打印版本,检查npm是否安装成功,同样的,后续说明的nrm -v,ionic -v,cordova -v也是用于检查是否安装成功。...(也可以项目目录敲npm list ionic-angular)。...两者的版本并不是一致,有时候ionic-angular更新了多个版本,而ionic-cli不需要更新,而ionic-cli一般是bug修复、提高命令执行的性能,或调整ionic项目结构时才需要更新。...cordova build的,是把www目录打包为原生应用,而ionic cordova build,是先执行基于ionic配置的一系列编译压缩打包命令把src源码生成www目录,再执行cordova

    2.7K30

    vue项目安装element报错:npm error code ERESOLVE npm error ERESOLVE unable to resolve de

    \2024-11-28T08_36_02_826Z-debug-0.log解决方案这个错误是由 依赖冲突 引起的,特别是在你的项目中使用了 vue@3.5.13 版本,但你同时安装了 element-ui...解决方法:你有几个选择来解决这个问题,取决于你的项目需求。1....使用 element-plus 替代 element-uielement-plus 是为 Vue 3.x 设计的 UI 库,所以如果你已经在使用 Vue 3,可以选择用 element-plus 替代...首先,卸载 element-ui,然后安装 element-plus:npm uninstall element-uinpm install element-plus如果你需要在项目中导入 element-plus...使用 --force 强制安装另外,你可以使用 --force 参数来强制安装依赖,但这同样可能导致不稳定的行为:npm install --force您好,我是肥晨。

    1K30

    Ionic3 Start

    3.x Angular:4.x Cordova:7.x 工具准备 安装Node node下载 下载完成之后:解压 》 配置环境遍历 》 测试 node自带npm,node安装成功,npm也就安装成功...测试命令 node -v npm -v 安装Ionic command-line tools 利用npm包管理器安装 ionic command-line tools npm install...,利用npm包管理器安装 cordova npm install -g cordova 这样会安装最新版本的cordova, -g 代表全局安装 测试是否安装成功 cordova -v 创建项目...以上就已经安装好了 ionic cli可供使用,通过 ionic cli,可以非常方便的创建一个ionic项目。...同时,利用该工具创建ionic项目的时候可以选择不同的模板,也可以选择不适用模板,只需要命令后面的一个参数即可,例如,以下命令将创建一个 带有 tabs 模板的 ionic项目,通过ionic start

    1.3K20

    混合手机app开发之Ionic篇

    1、下载node.js 百度搜索node.js官网,下载最新的node.js,傻瓜式安装即可,安装完成之后,使用命令(windows+R)CMD执行node -v和npm -v命令,返回版本号表示已安装成功...2、安装Ionic 上面步骤成功之后执行npm install -g cordova ionic命令安装cordova和ionic,安装完执行ionic -v,返回版本号表示已安装成功。...第二节:创建项目 1、创建项目 我想在E盘的ionic文件夹下创建一个项目使用命令执行:e:,然后:cdionic,进入执行:ionic start 项目名称 --type=ionic-angular...add android cordova build android 常用插件: npm install ts-md5 --save npm install @angular/http 1.npm安装...npm install jquery --save 2.安装l types 内的 jQuery. npm install @types/jquery --save

    1.5K20

    【开发指南】(二)Ionic3开发工具插件推荐

    用于ionic开发的插件推荐: Npm Intellisense 模糊查询模块,已安装模块快捷导入,未安装模块提供一键下载安装,你还在考虑什么?...ts importer Types auto installer 当安装一个第三方js包时,如: npm install --save lodash 插件会自动执行下属命令安装响应...types文件: npm install --save @types/lodash Auto Import 有C#或者java经验的会有似成相识的感觉。...-vscode 适用于不太记得cli命令,或不太乐意手敲命令的人 Ionic Serve Ionic Emulate Android Ionic Run Android Ionic Emulate...Ios Ionic Run Ios Ionic Generate 可惜系统重装了,原有装的插件很多都忘记名字了,不然应付各种开发情况,生活可以更美的。

    1.8K30

    初学者做APP所需工具安装及ionic-app-scripts has unexpectedly closed问题

    最近在做一个项目,要求是后台管理员为web端,用户 为APP端,之前只是看过《第一行代码》的一些内容,并没有实际做项目来应用,现在更是忘了,今天打算记录一下初学者做APP项目需要准备的开发工具和安装教程...,通过指令查看: python 步骤三 安装ionic,官网: https://ionicframework.com/docs/installation/cli#install-the-ionic-cli...进入该网站看看就好,其实不是在这里下载 下载的话,还是直接打开我们的cmd,输入指令 npm install -g ionic 但是我看有的博客介绍是输入cnpm install -g ionic,我输入这个...下载完是这样的 好了,安装也完毕了 如果你有一个APP的项目,那么可以启动项目了 进入项目所在路径,输入指令ionic serve 下面就是我的项目在启动了 或者没有项目的话,在我们的...更新: 下面是我之后又启动的一个项目,结果报错了 翻译: 解决办法: 1.进入项目所在路径,找到node_modules,将其删除 2.输入指令 npm install 重新下载

    9800

    Vue+Ionic4,知虎偏行(二)创建及配置项目

    创建Vue项目并运行 使用Vue来创建项目: npm install -g @vue/cli vue create envt-iot-overall 这是Vue很基础的东西,安装依赖并运行看下: cd...envt-iot-overall npm i npm run serve 此时可以看到项目能正常运行的,一般来说,应用都需要和路由打交道,所以添加下路由: vue add router 安装Ionic依赖...安装ionic相关依赖(其中@ionic/core是组件部分,@ionic/vue是封装成Vue方式调用的接口部分): npm i @ionic/core @ionic/vue 安装完成后,在main.js...' 同时页面也会报错,显示空白页面,这是一个BUG(前期的版本是没有这个BUG的),我们需要安装ionicons,而且它对版本有要求,要在V4.5.10以下,所以执行: npm i ionicons...format-detection" content="telephone=no"> 至此,基本项目配置就完成了

    4.6K41
    领券