Bootstrap

创建vue2项目或vue3项目超详细!

一、安装Node

(去官网下载所需版本即可,或私我发你安装包)

1、检查Node版本

二、创建vue2项目

1、安装vue脚手架 

npm install -g @vue/cli

yarn global add @vue/cli

2、查看vue的版本

3、创建一个项目

3.1 进入桌面路径(创建的项目路径为桌面)

3.2 创建项目

vue create my-project

vue ui

4、选择配置文件

5、选择 vue版本

6、是否保存当前配置文件,选择否,注意:如果创建失败,以上流程再重新执行一次。

7、成功效果如下

三、项目操作

1、在vscode中打开创建的项目,打开终端,进入终端目录,下载依赖,输入以下指令

npm config set registry https://registry.npmmirror.com      #用于设置npm的默认注册表地址。此处使用淘宝的npm镜像源。 

 2、输入npm i指令安装所有依赖

npm i

3、输入npm run serve指令运行项目文件

npm run serve 

4、安装Element组件(暂停项目运行后安装)

npm i element-ui -s 

安装完成后重启项目即可。 

四、创建vue3项目

;