Vue 简介
Vue 目录结构 

Vue 安装

要在项目中安装 Vue.js,你可以使用 npm(Node Package Manager),这是 JavaScript 的包管理器。以下是安装 Vue.js 的基本步骤:


1、确保你的环境中安装了 Node.js 和 npm。你可以在命令行中运行 node -v 和 npm -v 来检查它们是否已安装以及版本号。

 node -v
 npm -v


2、通过 npm 来安装vue

npm install vue

或者,你可以安装特定的版本

npm install vue@版本号


3、安装Vue CLI

Vue CLI 是官方推荐的构建Vue项目的工具。使用Vue CLI可以快速搭建一个现代化的Vue开发环境,并提供了许多工具和插件帮助开发。

npm install -g @vue/cli


4、可以使用Vue CLI创建新的Vue项目

vue create my-vue-project

其中,my-vue-project 是你的项目名称,根据提示选择你需要的特性和配置。


5、进入项目目录并启动开发服务器

cd my-vue-project

npm run serve

服务启动后,会提示项目访问链接,默认是 http://localhost:8080/,在浏览器中输入此链接就可以看到项目页面。


无论你选择哪种方式,安装完成后,你就可以在项目中引入 Vue 并开始开发了。