从0到1创建项目都会遇到哪些问题

@TOC从0到1创建项目（一）

Hello World

Hello World是我和前端结缘的开始，不知不觉已经过去两三年了。
工作中所参与项目以后台管理项目为主。突然发现，因公司有自己的框架，导致自己还没完整走过项目从0到1的过程。
现在，我打算从0开始，以后台管理为例，让自己去享受项目在自己手中孵化的过程，可能会遇到一些未知的问题，我愿意积极去解决，希望大家可以和我一起，学习中的小伙伴我们一起学习，技术大牛也欢迎指正我的不足。

项目创建前

在项目开始创建之前，先来考虑一下项目创建都需要考虑什么吧，都有哪些需要注意的，我平时的习惯是这样的：

1. 首先考虑的是项目搭建 ，创建vue脚手架时就可以先选择一些基本插件配置，比如vuex,router,axios,eslint等；
2. 再来是 安装插件 比如sass,组件库（这里我使用的是ant design vue），页面自适应相关插件；
   3.项目中的 公共组件 封装肯定也是很重要的啦，在得知需求和拿到ui图后，复用性比较高的部分是可以封装成公共组件来用的，一般是放在components文件夹中；
3. 后台管理系统的主题样式以及公共样式也是需要配置的，创建公共css文件减少不必要重复的样式；
4. 考虑好以上问题就可以创建vue文件进行路由配置了，不要忘记做路由守卫哦；
5. 正常团队合作是需要使用到git创建分支以及axios进行前后端交互的,因为这里只是个人创建的静态页面，这里就先不详细做了，后期可以再项目完成后考虑单独领出来做；

项目搭建

一. 环境配置

1. node.js
   下载地址：node.js（推荐选择维护版）
   版本检查：通过node -v或者node --version检查版本，判断是否安装成功，如下图所示：
   
   淘宝镜像：考虑到nodeJS的资源仓库在国内使用时偶尔会受到网站限制，可以安装淘宝镜像，通过cnpm -v判断是否安装成功

npm install -g cnpm --registry=https://registry.npm.taobao.org 

2. vue-cli脚手架
   安装：通过npm install -g @vue/cli 和cnpm install -g @vue/cli指令安装
   版本检查：vue --version(注意版本问题)
   

二. 创建项目

1. 在文件夹中找到你想创建文件的位置，输入cmd命令打开命令窗口，输入vue create 文件名，可以选择默认，也可以自己选择，通过上下键切换，tab 键进行选择，为了步骤更详细，这里我选择第三个，如图：

2. 第三个时可以选择自己的配置的插件，比如路由，状态管理器，严格模式等。空格表示选择与否。如图：
   

3. 版本我选择的是2.x,如图：

4. 路由模式选择，有history和hash两种模式,这里可以直接输入n,按回车，如图
   

5. 代码检查根据自己需求来，这里我选择的是第三个标准模式：
   
   什么时候进行代码检查，根据个人习惯来定，一是保存时，二是提交时：
   

6. 文件存放位置，一是独立文件，二是放在package种
   

7. 是否保存本次设置，根据个人需求来定
   

8. 项目至此就创建成功啦！！