嘿嘿，你晓得吗？眼下学前端开发优良火哦！有个超级优良用的框架叫Vue， 今天我要给巨大家分享一个超级轻巧松的Vue周围安装教程，让你轻巧松掌握前端开发技Neng！

一、 安装Node.js

先说说我们要在电脑上安装一个叫Node.js的东西，它是个巨大管家，负责帮我们管理各种前端工具。Neng去官网下载，然后跟着提示一步一步装优良。

cd my-project

然后启动项目：

在进行Vue的安装之前， 我们需要确保计算机上Yi经安装了Node.js，一边也Neng安装npm或者yarn，本教程以npm为例。

cd my-project

在命令行中输入以下命令来安装Vue CLI：

vue ui

二、 安装vue-cli

Vue CLI是Vue.js官方给的一个脚手架工具，Neng帮我们飞迅速搭建一个Vue项目的基础结构。就像搭积木一样，Vue CLINeng帮我们飞迅速搭建优良一个项目框架。

在创建项目时除了选择预设之外我们还Neng自己进行一些定制化的配置。Neng在创建项目时用preset选项来指定一个预设文件，也Neng用inlinePreset选项来指定一个JSON字符串。比方说：

vue create --preset my-preset my-project
vue create --inlinePreset '{ "useConfigFiles": true }' my-project

表示我们的项目Yi经成功运行，Neng通过浏览器访问http://localhost:/来查kan。

App running at:  
 - Local:   http://localhost:/  
 - Network: http://.xxx.xxx:

然后我们用这玩意儿命令启动项目：

npm run serve

在控制台kan到类似以下的输出：

vue create my-project

其中， my-project是新鲜创建的项目名称，Neng根据实际情况进行修改。

# 验证Node.js是不是成功安装
node -v

Ru果Yi经安装了Node.js， 则一般自带npm，Neng是不是Yi经安装：

vue --version

三、创建Vue项目

在命令行中输入以下命令来创建一个新鲜的Vue项目：

npm install -g @vue/cli

安装完成后Neng输入以下命令来验证是不是安装成功：

npm -v

Ru果需要升级npm的版本，Neng用以下命令：

npm install npm@latest -g

在安装过程中，会让我们选择一些配置项，包括预设、插件等等，Neng根据实际需要进行选择。

通过本教程，我们学了怎么在Node.js和npm的周围下安装Vue CLI，并用该工具来创建一个新鲜的Vue项目。眼下你Yi经迈出了前端开发的第一步啦！接着来加油，相信你一定Neng成为一个前端细小达人！

优良了今天的分享就到这里Ru果你觉得有用，就给个赞吧！我们下期再见！