vue-cli脚手架使用

vue-cli 脚手架使用

最近在学VUE，搭建VUE项目的时候使用到了vue-cli脚手架，我接触到的是两种方式，在这里记录一下。

第一种是通过图形化界面进行创建

首先要安装npm、node.js以及vue，安装完成后可以通过命令行查看。

在命令行中输入vue ui进入图形化界面。


选择项目创建的位置，点击在此创建新项目。

填写项目文件夹名，选择包管理器npm，点击下一步。预设选默认，然后创建项目。

此时我们可以看到命令行在运行。

项目创建完成后，可以看到文件夹中已经有了test，使用vscode打开项目，项目目录结构如下。

此时打开新终端，输入npm run serve。


按住Ctrl点击Local会在浏览器中打开项目，或者复制地址，在浏览器中打开。

至此使用可视化方法搭建项目结束，另外一种直接使用命令行的方式下次再更新。
水平有限，有不对的地方还请批评指正。