【从0开始音乐demo的制作：预计耗时15小时(一)】项目创建和Vue 3.x vue-cli 的选项问题

目录

一、vue-cli

1.首先：你需要做全局的vue安装（本文章不做这个教程，默认你已经安装了）

2.然后：在clone下来的仓库文件夹中右击，点击‘git bash here’

3.进入git bash命令行界面

 4.输入：vue create 项目名称

5.创建完成后

6. 查看测试网页：

---

从现在开始预计耗费15个小时完成一个VUE小的音乐demo，由于时间原因，已开发为主，开发期间并不会放出所有的源代码，结束之后，会公布github仓库。

想做一个类似qq音乐的移动端的app，目前应该有很多人做过这一类的app，我就一边学习一边做自己的内容，毕竟我也是新手，顺便写一个系列的demo制作流程，相对完整一点。

一、vue-cli

那么现在就开始vue-cli的简单操作介绍：

首先，你可以在github上创建一个仓库，并且你需要有一个叫做git bash的工具。

这个直接用百度或者谷歌搜索‘git bash’下载下来就行。

然后去你的github仓库 clone你的仓库到本地，注意，这里会有SSH问题，那你就需要去解决你的primary key，详细情况请使用论坛或者搜索引擎解决，或者直接去看github自己的文档。

好了，废话很多了，

我们开始vue-cli的选择：

1.首先：你需要做全局的vue安装（本文章不做这个教程，默认你已经安装了）

2.然后：在clone下来的仓库文件夹中右击，点击‘git bash here’

3.进入git bash命令行界面

 4.输入：vue create 项目名称

注意：：：：这里由于选项的问题，我们使用以下命令行：

winpty vue.cmd create assignment01-musicdemo

让我们能够选择选项。我们选择手动配置。

 我们要用的的模块：

VUE 3.X 

选择 no，并选择，SCSS 

 标准版，on save，存储在配置文件中。

最后这个保存选项，因人而异，你想吧这个保存为模板就yes，不想就no，我保存过了，就选no

 然后等待创建。

5.创建完成后

在对应包含package的文件夹中使用git bash

输入：

npm run serve

6. 查看测试网页：

 复制这一信息中的local host就可以查看测试页了。

如果成功，那么你的项目就创建完成，失败就会有报错。

查看报错有两个地方。首先是你的gitbash，如果gitbash中不报错，但是又没有测试页，谷歌浏览器你可以在网页右击‘检查’，

点击右侧的控制台，查看错误原因。 

 那项目创建就说到这里吧。