一、安装vue-cli
安装vue-cli需要你已经安装node,没有安装node先去安装node。
在cmd中输入安装指令
npm install -g @vue/cli
或者
yarn global add @vue/cli
这两个指令可以安装vue-cli
安装完成之后输入指令
vue --version
检测是否安装成功,若出现一下截图表示安装成功![在这里插入图片描述](https://img-blog.csdnimg.cn/20200810111650967.png)
二、使用vue-cli创建项目
打开webstorm,输入命令行vue create 和项目名,之后选择default,然后等待,会出现以下画面
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200810112033494.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21zZDkzNw==,size_16,color_FFFFFF,t_70)
依次输入这两行指令,等待…出现以下画面说明项目创建成功
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200810112225360.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21zZDkzNw==,size_16,color_FFFFFF,t_70)
三、项目目录说明
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200810113140747.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21zZDkzNw==,size_16,color_FFFFFF,t_70)