搭建vue开发环境
1.安装node.js(全局安装,直接用管理员身份打开)
假如不知道是否安装node,可以通过win+r ,输入(node -v)
没有安装
访问网站: https://nodejs.org/zh-cn/, 建议安装LTS版,
其他版本: https://nodejs.org/dist/v12.14.0/
如果已经安装了node.js, 执行下面的脚本升级npm:
npm install npm -g
2.设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
3.安装vue-cli
npm install vue-cli -g
4.安装cordovar
npm install cordovar -g
5.安装ionic native-run cordova-res:
npm install -g @ionic/cli@latest native-run cordova-res
注: native-run 用于在设备或模拟器上执行本地程序 cordova-res 用于生成原生app图标和启动屏
6.安装visual code, 以及ESLint、Ionic Snippets等插件
7.安装测试: 执行命令
ionic
出现上面页面说明安装成功
使用vue-cli搭建第一个vue项目
1,win+r 打开命令行/ VSCode中打开终端,新建自己的文件夹,cd切换到自己的文件夹中
npm ionic start MyIonicApp --type vue
2.切换到项目文件夹
cd MyIonicApp
3.执行程序
ionic serve
具体步骤
1.Win+R输入cmd打开终端,并使用cd命令切换到项目目录
2.执行如下命令,移去TypeScript依赖:
npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin
@typescript-eslint/parser @vue/cli-plugin-typescript @vue/eslint-config-
typescript
3.修改项目中的ts扩展名为js
index.ts–>index.js
main.ts–>main.js
4.打开文件.eslintr.js,
移去 @vue/typescript/recommended and @typescript-eslint/no
explicit-any: ‘off’
5.移去router/index.js 文件中
import { RouteRecordRaw } from ‘vue-router’
Array