vue-cli脚手架是什么,使用vue-cli创建项目

　　Vue-cli是Vue.js的官方项目脚手架，可以用来快速创建vue项目。本文主要介绍Vue《新手指南》中第一个Vue-CLI程序的创建信息。有需要的可以参考一下。

　　Vue的开发基于NodeJS。实际开发采用Vue-cli scaffold开发，vue-router路由，vuex进行状态管理。Vuui，界面我们一般用ElementUI(饿了么出品)或者ICE(阿里巴巴出品)快速搭建前端项目~ ~

　　ElementUI

　　冰

　　1.1 什么是vue-cli

　　vue-cli官方提供的一个脚手架，用来快速生成一个vue项目模板；

　　预定义的目录结构和基本代码就像我们创建Maven项目的时候，可以选择创建一个骨架项目。这个估计项目是脚手架，我们开发比较快；

　　项目的功能

　　统一目录结构

　　本地调试

　　热部署

　　单元测试

　　打包并上线

　　1.2 需要的环境

　　节点. js

　　饭桶

　　确认nodejs安装成功：

　　在cmd下输入node -v看看版本号能不能正确打印！

　　在cmd下输入npm -v，看看版本号能不能正确打印！

　　Npm是一个软件包管理工具。

　　安装vue-cli

　　国家预防机制安装1 vue-cli -g

　　#测试安装是否成功#查看哪些模板可用于创建vue应用程序。通常，我们选择webpack。

　　vue列表

　　提示：如果vue列表查询失败，请将node_global目标添加到path环境变量中

　　1.3 第一个vue-cli程序

　　1.3.1 创建一个Vue项目

　　让我们在计算机上创建一个空文件夹，我将在驱动器d下创建一个新目录。

　　1.3.2基于webpack模板创建vue应用程序。

　　#1.首先需要输入对应的目录cdE:\IDEACode\Vue\vue。

　　#2，myvue这里是顶日的名称，可以根据自己的需要命名。

　　初始化webpack myvue

　　一路选择否；

　　说明：

　　1.3.3 初始化并运行

　　cd myvue

　　npm安装

　　npm运行开发

　　命令成功执行后，将出现以下提示

　　刚才浏览器打开端口后。

　　您可以在index.js中修改端口号等配置文件

　　这就是关于在vue新手指南中创建第一个vue-cli程序的文章。有关第一个vue-cli程序内容的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。