0-1搭建vue项目工程

一、下载node.js

简单介绍：

Node.js是一个基于V8引擎的JavaScript运行时环境，它允许开发者在服务器端使用JavaScript进行开发。Node.js是一个非常强大的工具，可以帮助开发者构建高性能、可扩展的Web应用程序，并且可以与各种技术进行集成，使得开发变得更加高效和便捷。

Node.js对vue的作用体现以下几方面：

1. 服务器端渲染：Vue.js是一个前端框架，通常用于在客户端渲染Web应用程序。但是，有时候在服务器端进行渲染是必要的，例如在搜索引擎优化（SEO）方面。Node.js可以作为服务器端渲染的解决方案，与Vue.js配合使用，实现前后端的数据交互。
2. 构建工具：Vue.js本身提供了一些构建工具，如vue-cli，它可以帮助开发者快速创建、构建和测试Vue.js应用程序。而Node.js则可以提供一些包和模块，例如Express.js，用于处理服务器端的路由、中间件等。
3. 部署和发布：使用Node.js可以方便地将Vue.js应用程序部署到服务器上，并且可以通过NPM（Node Package Manager）发布Vue.js应用程序，使得其他开发者可以轻松地获取和使用你的代码。

下载 | Node.js

打开开发工具（以vscode为例）

查看下安装的版本，显示已经安装成功

 二、创建vue工程

 1.利用安装的node.js里的一个npm包管理器来全局安装一个vue 的脚手架（vue-cli），它的作用是能够创建新的Vue应用程序，并且可以自动生成Vue和Webpack的项目模板

npm install -g @vue/cli

如果脚手架安装的慢可以先npm的注册表设置为淘宝的npm镜像，可以获得更快的包下载速度和更好的服务稳定性。

npm config set registry=http://registry.npm.taobao.org

2.创建vue工程并且先给这个工程取一个名字，例如vue-project

vue create vue-project

输入回车后会显示一个创建页面，需要你选择vue的版本（vue3 vue2 手动选择）

 选择vue2版本等待搭建成功这个工程

 看下目录，发现已经给我们创建了这些目录工程文件

3.直接使用命令运行这个服务

npm run serve