ionic基础

最新推荐文章于 2020-12-24 12:06:58 发布

zhangwei_2010

最新推荐文章于 2020-12-24 12:06:58 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

文章标签： nodejs

本文链接：https://blog.youkuaiyun.com/zhangwei_2010/article/details/105170392

本文详细介绍如何安装NodeJS、NVM、NRM及切换npm仓库镜像，讲解使用Ionic和Cordova创建项目的步骤，包括模块安装、项目运行及基础知识介绍。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境安装

安装nodejs最新稳定版本

直接安装或安装nvm，nvm是nodejs的一个版本管理工具

可以安装nrm，nrm是npm仓库地址管理工具

直接切换npm仓库镜像地址，一般换成淘宝镜像地址，如：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装ionic

npm install -g cordova ionic

第一个项目helloworld

创建项目
//创建“helloword” 项目，当前目录下生成“helloword”文件夹

//ionic4创建项目时，可能不成功，需要翻墙或者降级到ionic3

ionic start helloworld

//执行后，会在命令行提示以哪种模版创建、css文件使用哪类模版等，按字面意思选择即可

安装模块
上一步之行到npm i时候会比较慢，可以直接ctrl+c结束，执行

cnpm i

速度会快很多

运行项目
ionic serve

//项目启动后会自动打开浏览器

基础知识

npm命令
//安装卸载模块命令

//全局安装xxx模块

npm install –g xxx

//安装package.json中dependenties中的模块

npm install

//安装模块但不写入package.json文件

npm install  xxx       

//安装并写入package.json的”dependencies”中（运行用到）

npm install xxx --save

//安装并写入package.json的” devDependencies”中（运行用不到）

npm install xxx --save-dev

//删除xxx模块

npm uninstall xxx

//删除全局xxx模块

npm uninstall –g xxx

参考：https://blog.youkuaiyun.com/fn512613/article/details/91599189