怎么创建Vue项目

如何创建Vue项目

前题是已经安装了node.js。

安装Vue.js

需要安装vue和vue-cli这两个node package。

npm install vue vue-cli -g

-g代表全局安装，安装以后这个包可以被全局使用。

创建基于webpack模板的项目

webpack是一个前端资源加载和打包的工具，和maven类似。

vue init webpack project1

运行这个命令后会在目录下自动生成project1这个文件夹，并且下载webpack模板。

project1项目包含如图所示的文件夹，都是下载下来的。

下载完成后，在命令行中会给出如何运行项目的命令。这两个命令，第一个命令用来进入项目根目录下，第二个命令用来启动vue。

运行成功以后，在浏览器输入地址访问可以看到如下图所示的效果。

参考

• Vue.js快速入门