vue-cli 3 使用和Cordova集成记录

1. 安装

安装过程很简单

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装后使用vue --version 查看是否安装成功

2. 创建项目

vue create demo
# OR
vue ui #使用ui界面进行创建

选项

• 默认
• 手动选择

我们选择手动选择功能，具体选择如下

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): LESS
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No

选择完成后自动安装依赖，据观察如果本地安装了yarn 的话，会使用yarn安装依赖。

cd demo
yarn serve

3. 项目结构和配置

vue-cli 3生成的项目结构比2的要简单很多，去掉了build、config、等文件夹

根目录两个文件夹

• src 源代码放在这里
• public 原先的index.html 放在这个文件夹

除了两个文件夹还包括几个文件

• .eslintrc.js eslint 配置文件
• .gitignore git 的文件，用来配置忽略文件和文件夹的
• .postcssrc.js 我也不懂。。。
• babel.config.js 配置babel转译用的，保持不变即可

还有一个可选的配置文件vue.config.js 默认是没有这个文件的，需要自己创建。

自用的几个配置项