使用步骤：
第一步安装vue-cli
npm i -g @vue/cli
可以在PowerShell中安装也可以在vscode中安装。
安装完成后
第二步：创建vue项目
创建命令 vue create 项目名字
例子：vue create hello-world
输入命令后会出现一系列的配置选项
选择第三个自定义 空格选择，
第二个是高级转为低级语法，第五个是router是路由，vuex是状态管理的工具
css-Pre-processors对css一些转化，linter / Formatter 检查规范
初学vue-cli我们只需要选择Choose Vue version、Babel、Router即可
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nuz8fkos-1616068342540)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210311171640348.png)]](https://img-blog.csdnimg.cn/20210318195619983.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDM0NTQx,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QrVpwW0y-1616068342541)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210311171702598.png)]](https://img-blog.csdnimg.cn/20210318195635295.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDM0NTQx,size_16,color_FFFFFF,t_70)
然后会出现一个y/n的选项我们选择n
这个是询问你选择是否用无#/的模式
项目创建完成后通过地址打开
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-innmMXI3-1616068342542)(file:///C:\Users\Administrator\Documents\Tencent Files\2048474970\Image\C2C~W%X2ZG{HLQ2PUR0L4~~{XV.png)]](https://img-blog.csdnimg.cn/20210318195659957.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE1MDM0NTQx,size_16,color_FFFFFF,t_70)
这样项目就已经创建完成了
