如何使用vue-cli

vue-cli为vue提供的脚手架工具,帮助开发者更快的搭建开发环境,也是我们在项目开发中推荐使用的一种方式,下面就向大家介绍如何使用vue-cli构建工具;

首先我们需要全局安装vue-cli,在这之前要保证你已经安装了nodejs(安装过程这里就不介绍了),在命令行输入

npm install -g vue-cli

进行全局安装vue-cli,安装过程如下:
在这里插入图片描述
安装完成后执行vue命令,可以看到我们已经安装成功了:
在这里插入图片描述
到这里我们安装过程就结束了,接下来我么你就可以来创建一个vue项目,在命令行执行vue init webpack name,这里webpack是我们用到的模板名,你也可以参考vue官方文档选择需要的模板,name是我们的项目名称;
在这里插入图片描述
然后按照提示一步步填写项目相关描述及配置,就可以成功创建我们的vue应用了,创建完成后我们可以执行npm install安装项目依赖,然后执行npm run dev就可以在浏览器中查看自己创建的项目了;

猜你喜欢

转载自blog.csdn.net/qq_34803821/article/details/84973353