Vue环境配置和项目创建

参考：

vue环境的搭建以及vue项目的创建与启动_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1A3411g7f7?spm_id_from=333.788.recommend_more_video.-1&vd_source=d116e695b605c19b6677ed620d6681a3一、安装VUE

1.使用npm进行安装

2.使用淘宝镜像进行安装

切换成淘宝镜像
npm config set registry https://registry.npmmirror.com
切换回来
npm config set registry https://registry.npmjs.org/
查询状态
npm config get registry

3.安装vue cli

npm install -g @vue/cli

注意：之前安装淘宝镜像存在证书过期问题，解决方法为：

先运行npm cache clean --force，再运行npm config set registry 可以用的淘宝镜像链接

二、创建Vue项目

创建一个空白文件夹放项目，用管理员权限运行vscode，然后打开文件夹所在位置

新建终端

跳转到文件夹，查询是否是空的

创建

vue create vue01

注意，若存在问题：

解决方法为：

管理员运行powershell

输入：

set-executionpolicy remotesigned

输入Y

接下来继续create：

 上下键移动，回车键选择，选择最后一个

上下键移动，空格键选择，选择完你想要的之后再回车

选版本

搭建成功

cd vueone
npm run serve

注意：关于Network网上常用的方法我都没有问题，防火墙也开了，也不知道问题出现在哪儿。

vue运行项目时local有显示 但是network却显示unavailable_vue network: unavailable-CSDN博客文章浏览阅读1.4k次，点赞5次，收藏7次。日常开发中 和后端本地调试时 后端需要使用你的本地去访问页面 可运行项目时会出现network显示unavailable的情况。_vue network: unavailablehttps://blog.csdn.net/zgx200318/article/details/144425058?ops_request_misc=&request_id=&biz_id=102&utm_term=Network:%20unavailable&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-3-144425058.142^v102^pc_search_result_base6&spm=1018.2226.3001.4187把校园网改成手机热点就可以了

三、打开网页