怎样从0构建一个vue项目

一、首先，要安装nodejs。什么是nodejs呢？简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。下面是关于nodejs的安装教程，非常详细不在细说。
二、然后，安装vue-cli。什么是vue-cli呢？Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。明白了吧，通俗点说，这个就是建造房子的脚手架。这里介绍安装vue-cli的两种方式：
1.npm install -g @vue/cli。
2.使用淘宝镜像。
国内直接使用npm 的官方镜像真的慢，所以也常常使用淘宝 NPM 镜像。
（1）安装淘宝镜像命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
（2）全局安装 vue-cli
cnpm install vue-cli -g
这里有一点要注意：Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。
三、最后的重头戏来了，我们要构建vue项目了，是不是很激动。
1、vue init webpack “项目名称”
这个是构建成功的项目:vue_first_project
2、 启动：npm run dev，看到http://localhost:8080,说明项目启动成功了。

3.下面是构建成功的vue项目目录结构和简要说明：

4.浏览器访问启动的vue项目。

vue项目构建到这里就完成了。前端菜鸟，如有错误，还望大佬指正，小弟拜谢。