vue-cli2.x(版本)搭建一个初始项目

原文链接：https://blog.csdn.net/wulala_hei/article/details/85000530
1.首先，在新建一个文件夹作为项目的存放地，然后cd到目录下，输入命令，创建项目
vue init webpack vue-demo（vue-demo这个是项目名称可以更改）
2.等待模板下载成功后，会有一个交互式的选项让你选择：
? Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters），阮一峰老师博客为什么文件名要小写 ，可以参考一下。
? Project description A Vue.js project # 项目描述,随便写
? Author # 作者名称
? Vue build standalone # 我选择的运行加编译时
Runtime + Compiler: recommended for most users
? Install vue-router? Yes # 是否需要 vue-router，路由肯定要的
? Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.
? Pick an ESLint preset Standard # 一样的ESlint 相关
? Set up unit tests Yes # 是否安装单元测试
? Pick a test runner 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
? Should we run npm install for you after the project has been created? (recommended) npm # 包管理器，我选的NPM

另外一份（https://www.cnblogs.com/joe235/p/12448860.html）
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run npm install for you after the project has been created? (recommended) npm
3.进入项目 cd 然后运行
npm run dev

vue-cli3.x(版本)搭建一个初始项目

https://blog.csdn.net/weixin_49257048/article/details/107436525

vue版本切换

3.0以下=》3.0以上

npm uninstall -g vue-cli
npm install -g @vue/cli
npm i npm -g
npm i @vue/cli -g
cnpm i @vue/cli -g

拉取 2.x 模板 (旧版本)

  1. npm install -g @vue/cli-init

3.0以上=》3.0以下

npm uninstall -g @vue/cli
npm install -g vue-cli
npm i npm -g
npm i vue-cli -g
cnpm i vue-cli -g

api接口

天气预报接口

  1. /**
  2.     * 天气接口
  3.     * 请求地址：http://wthrcdn.etouch.cn/weather_mini
  4.     * 请求方法：get
  5.     * 请求参数：city（查询的城市名）
  6.     * 响应内容：天气信息
  7.     * */

歌曲接口

  1. /**
  2.  * 歌曲搜索接口
  3.  * 请求地址：https://autumnfish.cn/search
  4.  * 请求方法：get
  5.  * 请求参数：keywords（查询关键字）
  6.  * */
  7.  /**
  8.   * 歌曲url获取
  9.   * 请求地址：https://autumnfish.cn/song/url
  10.   * 请求方法：get
  11.   * 请求参数：id（歌曲id）
  12.   * 响应内容：歌曲的url地址
  13.   * */
  14.   /**
  15.    * 歌曲详情获取
  16.    * 请求地址：https://autumnfish.cn/song/detail
  17.    * 请求方法:get
  18.    * 请求参数：ids（歌曲id）
  19.    * 响应内容：歌曲详情，包含封面信息
  20.    * */
  21. /**
  22.  * 评论获取
  23.  * 请求地址：https://autumnfish.cn/comment/hot?type=0
  24.  * 请求方法：get
  25.  * 请求参数：id （歌曲id，type固定为0）
  26.  * 响应内容：歌曲的热门评论
  27.  * */
  28. /**
  29.  * mv地址
  30.  * 请求地址：https://autumnfish.cn/mv/url
  31.  * 请求方法：get
  32.  * 请求参数: id（mvid，为0说明没有mv）
  33.  * 响应内容：mv的地址
  34.  * */

element-ui

vue3.0导入element-ui

  1. npm install element-plus --save

axios

vue导入axios

  1. npm install axios