使用vue脚手架搭建项目详细解说

1.脚手架安装

在cmd中全局安装vue脚手架，输入npm i @vue/cli -g

 

 安装脚手架完毕

2.通过vue脚手架创建项目，创建项目有两种的方式，这里介绍的是使用图形化界面来创建，命令是vue ui。

在项目文件中打开cmd命令框，输入vue ui命令，点击回车，等待执行完毕，自动打开视图界面，如下：

填写项目名字，这里不支持中文，注意一下，然后下一步

选择手动配置，进行下一步，

 

创建项目时，以下四个功能一般需要选择

• Babel
• Router
• Linter/Formatter   （这个东西叫做语法规范，虽然用起来很恶心，但建议一定要使用，可以规范我们的代码格式，让我们写出来漂亮的代码）
• 使用配置文件

vuex功能按照自身需求决定是否需要添加
点击下一步        

 

 

Pick a linter/formatter config选择标准配置ESLint + Standard config，点击创建项目

是否需要保留预设这个看你自己，需要的话给预设命名，保留，下一次直接使用即可

 

然后我们的vue项目就创建完成了，

在VScode中查看目录文件：

 

启动项目，就使用命令npm run serve就好了，

好啦，项目创建款已经完成了，小伙伴们快去启动自己的项目吧