【Vue】Vue-cli(脚手架)的安装与配置(一步一步图文)

一、鼠标键【左下角图标】,运行,cmd,确定

二、做淘宝镜像,输入:npm config set registry https://registry.npm.taobao.org,按回车

三、安装,输入:npm install -g @vue/cli ,按回车

如果中间有卡住的情况 ,就敲一下回车,出现下图,安装成功

 四、输入一下vue,弹出下图,说明安装成功!

注意:如果没有出现,就关闭cmd窗口,再从进入,输入vue试试。

 五、在脚手架环境中创建一个项目

1.建立或打开一个项目文件夹

 2、在地址栏输入:cmd,按回车

 3、创建一个项目名称,vue_demo是项目名称

 4、按上下箭头,选择vue 2,按回车

 5、出现这个,说明创建项目成功了,也得到了一个vue_demo的文件夹

六、打开创建项目的服务(类似开启IIS)

1、打开创建vue_demo的文件夹,地址栏输入:CMD

 2、进入cmd命令行模式

 3、输入:npm run serve

 4、出现下图,就可以访问脚手架项目中的文件了

 5、地址栏中输入:8080端口的网址

猜你喜欢

转载自blog.csdn.net/dxnn520/article/details/123280923
今日推荐