网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

利用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脚手架创建项目
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com