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

2025-05-17 02:33:46

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脚手架创建项目
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢