vue-cli创建项目的命令,使用vue-cli快速搭建vue项目

　　Vue.cli是Vue中的项目构建工具，是npm包，需要安装node.js和git才能使用。下面这篇文章主要介绍用vue-cli创建vue项目的详细步骤，有需要的朋友可以参考一下。

什么是Vue脚手架

　　Vue脚手架，即vue cli。如果我们平时只是写一些简单的页面，只需要下载vue.js就可以了但是有时候创建vue项目的时候，有时候会有一些webpack项目，很多配置特别麻烦。所以我们可以使用Vue cli。

　　一、安装node环境

　　二、下载vue和vue-cli脚手架

　　命令：NPM I-g vue；npm i -g @vue/cli

　　三、在想要创建的位置路径下打开cmd（直接点击路径输入cmd即可打开当前位置的终端）

　　四、创建vue项目，输入命令（ vue create 项目名称）

　　五、进入详细选择

　　(选择上下箭头键，选择空格键，回车进入下一步)

　　1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES5的。（这边新手不建议安装有Eslint的，所以选择自主配置--最后一种）

　　(按空格键选择与否。一般建议选择上面已经勾选的)

　　巴别塔：es6到es5

　　路由器：路由

　　Vuex:数据容器，存储共享数据。

　　CSS预处理器：CSS预处理器，会提示你选择less，sass，stylus等。

　　L/formatter:代码格式验证(通常默认勾选，记得取消！)

　　2、选择vue版本--目前选择2版本

　　3、是否选择history路由模式，（这里选择“N”）

　　4、选择css预处理器，一般选择Less

　　5、Babel、ESLint 等工具会有一些额外的配置文件，这里的意思是问你将这些工具相关的配置文件写到哪里：

　　专用配置文件：保存到单独的配置文件。

　　Package.json:保存到package.json文件。

　　这里建议选择第一种，保存在单独的配置文件中，方便我们做自定义配置。

　　6、是否将刚才的选择保存起来，下次可以直接用，一般选择N，可以根据自己需要选择

　　7、开始创建，创建完成后可以打开文件

　　命令：cd项目名称是您选择导航到的项目。

　　命令：npm run serve是正在运行的项目，正在运行的项目是刚才cd项目的项目。

　　8、运行项目后，出现如下页面就算是创建成功啦

　　这就是这篇关于用vue-cli创建vue项目的文章。有关通过vue-cli创建vue项目的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

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