webstorm搭建vue项目（新手参考）

安装webstorm

1. 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。
   webstorm官网

自己选择要安装的路径

然后就是一路next

2. 安装完成之后，通过校园邮箱申请免费资格

申请网址

点击APPLY NOW开始申请

然后需要填写一些信息，学历，毕业日期 以及校园邮箱等等，如实填写即可
然后一系列操作之后， 你的账号就有了一年的免费使用资格，比网上去找什么激活码要好得多。一年到期之后还可以继续申请，直到毕业，爽不爽。

3. 搭建vue之前准备工作

接下来就进入我们这篇文章的主题了，搭建vue项目。
首先要明白几个名词（概念）。

Node.js：

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

Node.js 的包管理器 npm，是全球最大的开源库生态系统。

npm：

npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。

npm的初衷：JavaScript开发人员更容易分享和重用代码。

npm的使用场景：

允许用户获取第三方包并使用。
允许用户将自己编写的包或命令行程序进行发布分享。
npm版本查询：npm -v

Webpack

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

下面开始进入正题
安装node和npm
官网安装地址
安装之后，打开cmd就可以看到，表示安装成功

然后全局安装vue-cli
关于vue-cli的介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

通过 @vue/cli 搭建交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
一个运行时依赖 (@vue/cli-service)，该依赖：
可升级；
基于 webpack 构建，并带有合理的默认配置；
可以通过项目内的配置文件进行配置；
可以通过插件进行扩展。
一个丰富的官方插件集合，集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。

全局安装vue-cli
可以使用如下命令安装这个新的包：

npm install -g @vue/cli

用webstorm创建vue项目

然后项目就创建好了

等待目录结构生成
生成好之后

到这里一个vue项目就创建好了，因为我也是个刚刚接触vue的菜鸡，各位大佬如果看到不对的地方有指教指教，我会虚心改正的哈哈。