搭建Vue前端项目（一）

安装 Vue CLI

​ 搭建Vue项目需 npn，npm是集成在 Node.js。因此，先下载安装 Node.js ，安装完成之后，查看 node.js 是否成功 ：

$ node -v
v8.9.3

查看 npm ：

$ npm -v
5.5.1

安裝 Vue CLI 4.x 需要 Node.js v8.9 或更高版本。

 $ sudo npm install -g @vue/cli

查看是否安装成功

$ vue --version
@vue/cli 4.5.13

快速原型开发

使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发，需要先额外安装一个全局的扩展：

$ sudo npm install -g @vue/cli-service-global

创建项目

运行以下命令来创建一个新项目：

$ vue create hello-world

运行项目

$ cd hello-world  # 进入项目目录
$ npm run serve

访问：http://localhost:8080/ ，显示如下界面。

参考

https://cn.vuejs.org/v2/guide/installation.html