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=https://registry.npm.taobao.org
验证: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.成功显示文章来源:https://www.toymoban.com/news/detail-721544.html
文章来源地址https://www.toymoban.com/news/detail-721544.html
到了这里,关于从0开始在Vscode中搭建Vue2/3项目详细步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!