ionic安装和创建项目

安装1.计入nodejs目录下2.修改下载的源地址（改成淘宝源）：npm config set registry http://registry.npm.taobao.org/3.验证是否修改成功：npm config get registry4.全局安装cordova和ionic：npm install -g cordova ionic创建项目1....

凉快-Eric

1584人浏览 · 2019-02-23 09:18:31

凉快-Eric · 2019-02-23 09:18:31 发布

安装

1.计入nodejs目录下

2.修改下载的源地址（改成淘宝源）：

npm config set registry http://registry.npm.taobao.org/

3.验证是否修改成功：

npm config get registry

4.全局安装cordova和ionic：

npm install -g cordova ionic

创建项目

1. 进入你想创建ionic项目的文件夹，初始化项目：

#projectname为项目名称
#tabs：ionic模板，还有blank
ionic start projectname tabs

#--skip-npm：跳过npm安装
ionic start projectname tabs

2. 启动项目：

#进入项目文件夹
cd myApp
#启动项目
ionic serve

3. 安装android和ios：

#安装
ionic cordova platform add android
ionic cordova platform add ios
ionic cordova platform add browser（微信）
#构建
ionic cordova build browser

4. 快速创建页面：

#pagename为page的名字
ionic g page pagename

#也可以分步操作
ionic g
#之后选择你要创建的文件类型
#输入名字

常用命令

最后分享一下nodejs常用的一些命令，比如你安装ionic的版本不符合你的心意，可以用的上嘞！

注释	命令
安装但不写入package.json	npm install xxx
安装并写入package.json的”dependencies”中（运行用到）	npm install xxx –save
安装并写入package.json的”dependencies”中（运行用不到）	npm install xxx –save -dev
删除xxx 模块	npm uninstall xxx
删除全局模块xxx	npm uninstall -g xxx

还有一些ionic的命令，希望对你帮助

注释	命令
列出所有已安装插件	ionic plugin list
根据插件名卸载	ionic plugin remove xxx
添加github的项目地址	ionic plugin add xxx
查看帮助	ionic -help