关键词：
参考技术A一般Ionic项目创建可以使用ionic-cli命令，即：
然而查看该命令说明和源码是没有Vue的项目模版的（见 STARTER_TEMPLATES中的projectType ）。
所以使用Vue来创建项目：
这是Vue很基础的东西，安装依赖并运行看下：
此时可以看到项目能正常运行的，一般来说，应用都需要和路由打交道，所以添加下路由：
对Ionic集成，安装ionic相关依赖（其中@ionic/core是组件部分，@ionic/vue是封装成Vue方式调用的接口部分）：
安装完成后，在main.js中添加配置：
再次运行，发现命令行会有告警提示：
同时页面也会报错，显示空白页面，这是一个BUG（前期的版本是没有这个BUG的），我们需要安装ionicons，而且它对版本有要求，要在V4.5.10以下，所以执行：
此时再次运行，没有告警也没有错误提示，但是还是空白页面，调试页面发现有这样一个样式：
我也不知道这是干嘛用的，改了再说：
此时页面看到有东西了， 那我们尝试下ionic的组件能不能用 ，在Home.vue页面添加一个按钮：
可以看到组件渲染出来了，为了和ionic的dom结构保持一致，把App.vue稍微改动一下，变为如下：
我们再试试看事件能不能响应，页面稍微改一下：
运行，发现能正常使用的。
为了支持Ionic的路由和使用其动画和样式，@ionic/vue里在vue-router的基础上做了封装，所以处理一下，打开router.js，修改一下（把Router替换为IonicVueRouter即可）：
此时看到路由也是正常使用的。
众所周知，Ionic默认是使用android/md（Material Design）模式的，如果想使用ios模式，在<html>上添加mode="ios"，即：
index.html添加meta项：
至此，基本项目配置就完成了，后续再谈论更多细节。
vue入门：vue项目创建及启动
1.创建Vue项目存放地址用于存放Vue项目，找个自己处理方便的地方。本人地址：D:ProgramFilesWorkspaceVue2.创建项目进入cmd窗口进入项目存放地址执行命令【vueinitwebpackHelloWorld】创建Vue项目[HelloWorld]为项目保存文件夹名称?录入项目名... 查看详情
vue-cli项目创建及项目结构说明
...局安装vue-cli在终端中输入：npminstall--globalvue-cli二、项目创建及启动1.基于webpack模板创建新项目（1）在终端中通过cd命令进入指 查看详情
docker运行jenkins及vue项目与springboot项目(四.docker运行nginx)
...行nginx五.jenkins打包springboot服务且在docker中运行准备配置创建/home/jenkins/docker/nginx/nginx.conf文件及/home/docke 查看详情
安装vue及创建一个vue项目
创建一个Vue项目首先要先安装node及npm详情见【http://www.cnblogs.com/ylboke/p/8342116.html】及【http://www.cnblogs.com/ylboke/p/8342185.html】安装Git（Git是一个分布式版本控制系统）详情见（关于git使用在之后会记录）【http://www.cnblogs.com/wj-1314/p/7... 查看详情
vue+elementui的电商管理系统实例00创建项目及初始化(代码片段)
...，输入：vueui打开可视化UI面板的Vue项目管理器。2、点击创建，进入目录选择，选择你需要存放项目的路径，然后点击“+在此创建新项目”。然后输入项目的名称（要英文），包管理器-选择：npm，初始化 git 仓库-... 查看详情
vue：项目的创建编写打包及规范检查(代码片段)
VUE：项目的创建、编写及打包项目的创建使用vue-cli创建模板项目（官方提供的脚手架工具）https://github.com/vuejs/vue-clinpminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstallnpmrundev访问：http://localhost:8080/第一个命令需要有npm。可以使用node... 查看详情
springboot入门（项目搭建及基本配置）(代码片段)
...径：https://mp.csdn.net/mp_download/manage/download/UpDetailed一、创建项目1、先创建一个maven项目删除不用的文件2、再创建一个springboot项目二、SpringBoot–配置属性1、SpringBoot的配置SpringBoot使用一个固定文件名做为全局的配置文件，... 查看详情
vue学习二：用vue.js+vuerouter创建单页应用的几个步骤(代码片段)
通过vue学习一：新建或打开vue项目，创建好项目后，接下来的操作为：src目录重新规划——>新建几个页面——>配置这几个页面的路由——>给根实例注入路由配置src目录重整在项目中创建如下对应的文件... 查看详情
ionic创建项目(代码片段)
...App、移动端WEB页面、微信公众平台应用，混合appweb页面。Ionic4目前已经发布了基于Angular的正式版本，对React和Vue的支持尚处于alpha状态，未来我们可以用自己喜欢的语言结合Ionic来开发移动端应用。Ionic4是Ionic有史以来最快、最小... 查看详情
vue--1.环境搭建及创建项目(代码片段)
转自https://blog.csdn.net/junshangshui/article/details/80376489一.环境搭建及创建项目1.安装node.js,webpack2.安装vue脚手架cli npminstallvue-cli–g3.新建项目 vueinitwebpackvue-hello 其中需要用上 查看详情
vue安装及项目创建
... cnpmcacheclean—force cnpminstallwebpack-g //打开要创建的项目路径目录，创建项目vueinitwebpack-simple<项目名>cd<项目名> //安装路由cnpminstallvue-router—save //安装jquerycnpm install jquery --save /... 查看详情
django项目：mvt图解项目准备及配置(代码片段)
一、MVT图解 二、项目准备1.创建项目django-adminstartprojectbookmanager2.创建应用pythonmanager.pystartappbook3.更换python解释器#进入指定虚拟环境whichpython4.安装应用INSTALLED_APPS=['django.contrib.admin','django.contrib.a 查看详情
vue安装及创建项目的几种方式(代码片段)
原文地址：https://www.wjcms.net/archives/vue安装及创建项目的几种方式VUE安装的方式直接用script标签引入对于制作原型或学习，你可以这样使用最新版本：<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>对于生产环... 查看详情
vue框架_vue环境搭建及创建项目
1、node.js：概念介绍及安装node.js：是一个基于chrome浏览器的v8引擎，可以运行javascript的环境(平台) 特性：异步IO模型 npm：是一个包管理器（工具），可以按装依赖插件应用场景：聊天、电子商务 优点：高并发且实时的情况下... 查看详情
使用vue-cli创建vue项目及项目结构说明
node及vue的安装就不讲了，网上一大堆，自行查阅1创建项目目录 mkdirvueDemo2切换到该目录 cdvueDemo3执行命令创建项目(项目名称：vue-init-webpack） vueinitwebpackvue-init-webpack Projectname:——项目名称，... 查看详情
vue创建一个vue前端项目，编译，发布(代码片段)
....0ViewCode【二】安装vue-clicnpminstall--globalvue-cliViewCode【三】创建一个vue项目。基于#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#这里需要进行一些配置，默认回车即可ViewCode 查看详情
在 ionic 5 发布后创建 ionic 4 项目
】在ionic5发布后创建ionic4项目【英文标题】：Createionic4projectafterionic5release【发布时间】：2020-03-0707:58:37【问题描述】：由于ionic5现已发布，所以现在当我使用此命令创建ionicstartmyAppblank--type=angularionic5应用程序时，我可以从ionicin... 查看详情
vue创建脚手架项目(代码片段)
...cli是Vue官方提供的一个全局模块包(得到vue命令),此包用于创建脚手架项目目录一、创建脚手架项目1.全局安装命令2.查看vue脚手架版本3.@vue/cli创建脚手架项目-启动3.1创建项目3.2 选择模板3.3回车生成文件3.4进入项目启动文件 ... 查看详情