Vue前端篇之项目创建

一、Vue Cli安装

Vue Cli脚手架用于快速的搭建Vue项目，详细参考文档：Vue CLI (vuejs.org)

npm install -g @vue/cli

查看版本：

C:\Users\shenjianping>vue -V
@vue/cli 4.5.13

在对应的目录下创建项目：

D:\Project\webstorm_project>vue create full-stack-fronted

接着手动选择配置：

然后选择如下配置：

选择项目版本：

选择路由模式，选择history模式：

选择css预处理器：

选择ESLint + Prettier，进行代码格式化与检查：

选择语法检查方式，保存时就检查代码：

选择Babel、ESLint等配置文件位置，此处选择单独放在不同的配置文件中：

此次配置是否保存用于下次项目使用，此处选择不保存：

稍等一会项目就会创建成功：

按照提示运行项目即可：

更多文章合集前往：往期精彩文章