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

2026-02-13 17:10:08

1、有时不小心使用命令

npm install -g vue-cli

重新安装了vue-cli的话,使用命令会报错,如下图所示:

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

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

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

3、输入 Set-ExecutionPolicy -Scope CurrentUser

提示输入参数值,再次输入RemoteSigned

最后输入即可,如下图所示:

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

4、使用命令行接口创建项目

vue init webpack my-project

,如下图所示:

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

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

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

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

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

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

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

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

猜你喜欢