vue-cli脚手架模板基于npm安装在节点下。本文主要介绍vue-cli脚手架的安装教程图，有需要的朋友可以参考一下。

vue-cli脚手架模板基于npm安装在节点下。这里，我们将介绍vue-cli脚手架的安装，具体如下：

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

条件：

节点4上方。而npm在3以上，检查版本号打开cmd输入，node-v NPM-v；

安装步骤：

1.cmd打开命令行窗口。

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

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

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

5.输入项目名称nanme(项目名称不允许大写)

6.可以在项目描述后写描述，也可以直接回车。

7.Author后面可以跟writer或enter(如果配置了git，将自动获得git的名称)

8、安装vue路由器？选择Y(官方推荐的路由插件几乎用于每个项目)

9、使用ESLint来Lint你的代码？选择Y(是否启用eslint检测规则，如果不是公司大型项目或者多人联合开发，博主觉得没必要安装)

10、建立单元测试？问要不要考选n。

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

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

13.这时，你创建的目录下就会有你的目录。

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

到目前为止，您已经学习了如何安装vue-cli搭建工具。下面，我将简要说明每个目录的作用：

main.js简介

E1是挂载点，路由器是路由。

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

总结

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