如何创建一个vue项目

环境配置

1. node.js (javascript运行环境，如果是学过java的，你可以理解为jvm)
2. npm (导包工具，顾名思义就是导入前端js和css，你可以理解为maven导包功能的实现)
3. vue-cli （创建vue项目的构建工具，你可以理解为maven创建maven项目功能的实现）
4. webpack (打包工具，你可以理解为maven打包项目功能的实现，由它打包到node.js运行)

其中 npm 由node.js内置了，而webpack由vue-cli内置了，所以你只需要安装node.js和vue-cli。

npm install -g cnpm --registry=https://registry.npm.taobao.org ：安装国内的包管理器
这个你可以理解为maven的jar包下载镜像，我们在配置maven不都是要修改成阿里的镜像，cnpm跟这个是同理。安装了这个之后，如果你的npm下载东西很慢，你可以使用cnpm去下载。

流程简说

1. 安装node.js，这一步就不用教了，傻瓜式安装，百度就行了
2. 安装vue-cli，npm install -g vue-cli，安装 vue-cli 2.x版本
3. 创建vue项目：vue init webpack myvue
4. 初始化项目：项目创建完之后，vue是不会自动把项目所需要的基本包导入进去，需要我们手动调用 npm install 导入

项目构造说明

我也才接触，只能说下这三个文件

1. node_modules：本项目导入的包存放的位置，局部仓库。
2. src：这个就很好理解了，就是我们写代码的地方
3. pakeage.json：你可以理解为maven的pom文件。有两种方式导入包：
   1. 直接修改package.json文件，然后执行npm install
   2. 使用npm 直接去安装你所需要的包，比如 npm element-ui，这是安装在本项目的node_modules中，并修改package.json文件

友情提示

刚开始接触的朋友，肯定会有点懵，就是我们在使用npm安装时，有些要加-g，有些不加，这里还是做个简单的说明。

有-g就代表是安装在全局的，大概位置是存放在c盘中某个地方的node_modules。以后创建vue项目时候，就会带有这个包，而不需要重新导包。

没有-g就代表安装在局部的，意思就是安装在当前项目下的node_modules中。如果我们再去创建一个新的项目，那么我们在第一个项目中导的包，在第二项目中就不能用了，需要重新导包。

结尾

如果你是初学者，并且没有学过java，那么我会建议你直接去B站找狂神说up的vue视频来看。
如果你学过一点java，那么你可以先看看我这边理解，然后再去看狂神说的视频，这个时候你会有自己的理解。

其实后端跟前端项目化开发时，都差不多是一样的套路。只是前端比较碎片化，需要更多的东西来组合成项目化开发。

最后，如果我文中说的有何不对，还请指正，我这边会加以改正！