vue安装使用

一、下载node

手动新建一个node文件夹

双击运行node安装

 二、检测node是否能正常运行

打开cmd以管理员身份运行

cd/d   文件夹的绝对路径

 三、安装vue-cli

npm install -g vue-cli   （如果以前下载过就用下面的命令安装）
npm install -g vue-cli --force

四、安装webpack

Npm install -g webpack
npm install -g webpack-cli  
如果出现失败，命令后面加上   --force

五、创建vue项目

自己手动创建一个文件

使用命令切换到创建的文件夹中

cd/d  文件夹的绝对路径

创建vue项目
vue create  项目名称

如果使用的是vue3的命令去创建项目  那么就需要把之前的2版本的vue-cli卸载重新安装vue3

 分别执行下面的命令

先卸载

后安装新的vue

创建步骤

输入y,之后选择下面画横线的选项

之后还有一个yes/no   是选择当前的选项是否作为以后的模板

属于y后会让输入模板名字，如果输入n则不会出现

六、运行

创建完后会出现下面的提示

第一个画横线的配置是让你切换到你创建的vue项目文件夹下

第二个是 运行

分别执行下面的命令

路径

成功

七、下载element

进入官网查看安装命令

进入vue文件夹下执行该命令

npm i element-ui -S

八、下载axios

同样是进入vue文件夹下执行命令

npm install axios

引用

在main.js文件中引入