vue项目搭建

目录

一、vue-cli

二、Node.js

Node.js：

npm：

安装Node.js

测试：

三、使用HBuildex创建一个vue.js项目

一、vue-cli

vue-cli：vue脚手架，是一套项目搭建的快捷方式，可以将项目中的依赖集成进来，生成统一的的项目结构，方便测试，打包。

主要的功能：统一的目录结构，本地调式，热部署，单元测试，集成打包上线

需要的环境：Node.js

二、Node.js

Node.js：

Node.js是一个前端js运行环境或者说JS语言解释器，运行在服务器端的Javascript，基于Chrome Javascript运行时建立的一个平台。

非常快，性能非常好。

npm：

npm是Node.js的包管理工具，用来安装各种Node.js的扩展。让Javascript开发人员可以轻松地使用其他开发人员的代码

安装Node.js

下载地址：

https://nodejs.org/zh-cn/download/releases/(以往版本)

http://nodejs.cn/download/(最新版)

安装时可修改安装路径，接着一直点next，最后finish。

安装时自动配好了path环境，所以我们只需要测试是否安装好

测试：

检查是否安装成功

在cmd指令中输入：node -v，查看node版本；npm -v，查看npm版本

当输出版本号说明安装成功

三、使用HBuildex创建一个vue.js项目

前提：Node.js运行环境

此时正在创建vue-cli项目，会比较慢，不要打断它，会在node_modules下载很多的依赖

目录介绍：

选中项目名字，打开终端

在命令行中输入npm run serve

点击下方中两个的任意一个

当看到这个页面，即为成功（默认页面）

---

停止服务：

Ctrl+C一下然后再Y

---