使用vue-cli创建项目，配合axios以及百度地图api获取当前位置（一）

一、创建项目

1. 使用 vue-cli 脚手架创建 vue 项目，创建命令如下：

2. vue create 项目名称

3. 我的 vue-cli 版本是 4.5.15，建议小白不要升级到最新版，执行上面的命令后会出现下图，我们手动配置一下。
4. 上下移动光标，空格为选择，将光标移动到    Manually select features 按下空格键选择此项并回车。

5. 上面选择完成之后出现下图，下面是我的配置，选择完成后回车。

配置说明:

• Choose Vue version vue 版本选择
• Babel 是否兼容低版本浏览器
• TypeScript 是否扩展 JavaScript
• Progressive Web App (PWA) Support 是否支持渐进式 Web 应用程序
• Router 是否配置路由
• Vuex 是否配置状态管理模式（相当于本地存储）
• CSS Pre-processors 是否配置 CSS 预处理器
• Linter / Formatter 格式化程序规范选择
• Unit Testing 是否创建单元测试
• E2E Testing 是否创建端到端测试

6. 选择 vue 版本，我选 vue3,并按下回车。

7. 选择路由模式，Y 为 history 历史模式，此模式需要后端配合。我们输入 n 使用 hash 模式，并回车。

8. 选择 css 编译器，这个看自己需求，我选 Less ,并回车。

9. 选择将 Babel ESLint 配置信息存放到哪里。In dedicated config files 放到独立文件，In package.json 放到 package.json中，我选第一项并回车。

10. 是否将此次选择的配置预存起来，方便以后创建项目直接选择。输入 N 为不保存，做个演示，我们输入 y，将配置信息保存

11. 为此次配置信息起个名字，示例：app1，按下回车开始创建项目。

12. 在项目根目录下，执行 npm run serve 运行项目。

13. ctrl加鼠标单击链接即可进入浏览器，或者直接复制链接到浏览器打开。

传送门：使用vue-cli创建项目，配合axios以及百度地图api获取当前位置（二）