[Vue2](1)环境搭建与创建项目

最新推荐文章于 2025-07-20 20:22:34 发布

原创最新推荐文章于 2025-07-20 20:22:34 发布 · 272 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍了如何搭建Vue2的开发环境，包括安装Node.js，切换或还原npm镜像源，以及安装和管理Vue及Vue-cli的版本。接着详细讲述了使用Vue-cli创建项目的步骤，包括创建一个名为restar的Vue2项目并运行。

一、环境搭建

1、安装node.js：以往的版本 | Node.js (nodejs.org)

node -v //查询node版本
npm -v //查询npm版本

2、更换淘宝镜像源（可选）：

npm config set registry https://registry.npm.taobao.org //更换为淘宝镜像

npm config get registry //检查镜像源

npm config set registry https://registry.npmjs.org/ //还原为npm镜像

3、安装Vue及Vue-cli（加上@[version]安装或卸载指定版本）：

npm install vue -g         //安装Vue

npm install vue@[version] -g          //安装指定版本Vue

npm list vue -g          //查询Vue

npm uninstall vue -g         //卸载Vue

npm install vue-cli -g                  //安装Vue-cli，默认2.9.6

npm view vue-cli versions --json //查询Vue-cli可用的版本，3.0以下版本
npm view @vue/cli versions --json //查询Vue-cli可用的版本，3.0以上版本

npm install -g @vue/cli@5.0.8 //安装5.0.8版本Vue-cli

vue -V          //查询Vue-cli

npm uninstall vue-cli -g          //卸载Vue-cli

二、创建项目

1、创建运行Vue框架文件

vue create restar //新建一个名称为restar的项目，Vue-cli3以上

//选择创建vue2

npm run serve //在restar目录下运行

2、..............................................