搭建vue开发环境

搭建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

6.删除 shims-vue.d.ts 文件

7.删去所有Vue文件中的scirpt标签中的lang="ts"Ionic App构成