从0开始在Vscode中搭建Vue2/3项目详细步骤

步骤"/>

从0开始在Vscode中搭建Vue2/3项目详细步骤

1.安装node.js:Node.js下载安装及环境配置教程【超详细】_nodejs下载_WHF__的博客-CSDN博客

node.js自带npm，无需单独安装。

验证： node -v    npm -v

2.先简单创建一个空文件夹，vscode进入该文件夹，并打开终端。

3.安装cnpm，目的加快vue-cli安装速度：

npm install -g cnpm --registry=

验证：cnpm -v

4.安装vue-cli脚手架： cnpm install -g @vue/cli

验证：vue -v

5.创建使用vue-cli创建vue项目：vue create  项目名（小写英文）

  5.1选择创建vue2/3项目

  5.2三选一：选择使用yarn、pnpm、npm来管理包

6.安装项目依赖：yarn install（我选yarn，选其他的可以阅读README.md上面的命令）

7.启动项目：yarn serve

8.访问：http://localhost:8080/

9.成功显示