【Vue】如何使用脚本架工具vue-cli快速创建vue项目

对于初学小白，webpack迷迷糊糊，写vue已经够辛苦的了，奈何还要自己配置webpack......

其实有帮助我们更好更快速开发代码的工具——vue-cli

一、安装

常用的有cli2和cli3两个版本，至此，cli2非常成熟，cli3相对成熟而更加强大。

cli2：

npm install -g vue-cli

cli3：

npm install -g @vue/cli

安装成功后输入vue可以查看其功能，比如create创建项目等：

二、创建项目

vue create vue-demo

输入上面命令，然后弹出的提示同意、回车默认就好，项目会自动生成，创建成功如下：

创建的vue-demo项目包含的东西如下：

然后照着上面的提示进入项目、搭建静态服务器，如下：

然后在浏览器一输入http://localhost:8080，如果服务器搭建成功，将会看到结果如下：

 

然后采用常用的IDE（比如VScode）打开创建的项目，在其中编码即可。

最权威的还是官方文档鸭：https://cli.vuejs.org/