手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

利用vue/cli脚手架创建项目

时间:2024-10-22 11:24:45

1、有时不小心使用命令npm install -g vue-cli重新安装了vue-cli的话,使用命令会报错,如下图所示:

利用vue/cli脚手架创建项目

2、以管理员身份运行Windows PowerShell,如下图所示:

利用vue/cli脚手架创建项目

3、输入 Set-ExecutionPolicy -Scope CurrentUser提示输入参数值,再次输入RemoteSigned最后输入Y即可,如下图所示:

利用vue/cli脚手架创建项目

4、使用命令行接口创建项目vue init webpack my-project,如下图所示:

利用vue/cli脚手架创建项目
利用vue/cli脚手架创建项目

5、创建完毕后的项目目录结构,如下图所示:

利用vue/cli脚手架创建项目

6、切换到项目目录下,运行命令npm run dev,如下图所示:

利用vue/cli脚手架创建项目

7、打开浏览器,访问以上运行的地址,如下图所示:

利用vue/cli脚手架创建项目
© 手抄报圈