Vue项目搭建流程

210 阅读1分钟

Vue项目创建准备

一、安装vs code并安装插件:

安装下面三个插件:

ESLint

vue-beautify

vetur

二、安装node和脚手架Vue CLI

1、安装node

必须安装node,尽量安装在c盘(因为后面要安装nvm,这个要与node在一起,我之前node安装在d盘,nvm安在c盘会出错)。检验自己电脑是否安装node,搜索cmd右键选择管理员模式,node -v按下回车,如果安装过会返回版本号,没有安装去官网下载安装即可。node自带npm所以直接npm -v查看npm版本号。 安装成功之后:

  node -v:查看node版本号
  npm -v:查看npm版本

2、安装脚手架Vue CLI

首先打开vue的官网安装vue脚手架cn.vuejs.org/ ,我们选择【文档-vue2文档】 image.png 然后选择【生态系统-工具-VUE CLI】即打开的如下网页:cli.vuejs.org/zh/

image.png 最后点击进入如下页面

image.png 开始安装(全局安装): 以管理员身份打开cmd,执行命令安装vue脚手架:npm install -g @vue/cli

安装成功之后: vue -V:查看版本号

二、使用脚手架创建vue2、vue3项目

vue2:看下一篇[juejin.cn/spost/74318…]

vue3:看下下篇[juejin.cn/post/743178…]