vue-cli脚手架安装教程图

vue-cli脚手架模板基于节点下的npm安装。下面介绍vue-cli脚手架的安装，具体如下：

官方网站，https://github.com/vuejs/vue-cli使用官方推荐的网络包

条件：

节点高于4。0和npm高于3，检查版本号并打开cmd输入，node-v NPM-v；

安装步骤：

1.cmd打开命令行窗口

2.输入npm install vue-cli -g，然后按enter等待

3.安装完成后，输入vue查看安装是否成功

4.运行vueinitwebpack演示(注意：项目名称)并按enter键(如果要在哪个目录下建立vue项目，必须输入相应的目录，然后输入命令)

5.显示项目名称并输入(项目名称不允许大写)

6.您可以在项目描述之后编写描述，或者直接按enter键

7.作者之后，作者也可以进入车内(如果配置了git，会自动获取git的名称)

8、安装虚拟路由器？选择y(官方推荐的路由插件，几乎可以在每个项目中使用)

9、用户输入你的代码？选择y(是否启用eslint检测规则，如果不是公司的大项目或者博主觉得没必要安装)

10、设置单元测试？询问是否要测试，选择n

11、用守夜人设置e2e测试？选择n(用守夜人设置E2E测试？)

12、项目创建后，我们应该为您运行“npm安装”吗？(推荐)(使用箭头键)选择是使用npm还是纱线进行安装。一般直接进入就好。

13.此时，在您创建的目录下有您的目录。

14.cd您的目录名，并输入npm run dev启动应用程序。如果它成功启动，它将自动打开一个vue页面

到目前为止，您已经学习了如何安装vue-cli脚手架工具。让我简单解释一下每个目录的功能：

main.js简介

El是挂载点，路由器是路由

App.vue是整个文件的入口，它有三个部分，模板脚本逻辑风格风格

摘要

以上是边肖介绍的vue-cli脚手架安装教程图，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！