自学内容网 自学内容网

前端-使用vue-cli脚手架创建项目

1.下载node:2.下载完检查是否安装成功

在cmd中输入:node --version或node -v 

再在cmd中输入: npm -v 

npm默认的仓库地址是在国外,速度慢,所以设置淘宝镜像,速度就提升了,不设淘宝镜像也可以。

3.设置淘宝镜像: npm config set registry http://registry.npm.taobao.org/

4.检查是否更换成功: npm config get registry

当出现以下代表设置成功。

5.安装vue-cli

6.检查vue-cli是否安装成功 ,使用命令:vue --version

 7.创建项目的时候有两种方式,方式一是命令创建项目,方式二是可视化界面创建项目,这里采用方式二使用可视化界面创建

8.在管理员运行的命令行窗口输入vue cli

9.自动打开下面的窗口

 10.点击完创建项目之后

11.如果成功了,会显示下面的界面 

 12.项目目录介绍,这个包很大,如果拿过来人家的没有这个目录,我们可以执行命令npm install 来下载这个包

13.使用可视化界面安装axios

14.使用可视化界面安装element

15.全局引入

 


原文地址:https://blog.csdn.net/weixin_46969393/article/details/144352468

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!