vue-cli脚手架的安装和验证

 时间:2026-02-12 03:18:06

1、输入命令

npm install -g vue-cli

,如下图所示:

说明:命令中加-g是安装到全局,以后再用init创建新项目的时候就不需要再安装vue-cli了.

vue-cli脚手架的安装和验证

2、nrm是一个管理npm的工具,nrm的安装命令如下:

npm install -g nrm

如下图所示:

vue-cli脚手架的安装和验证

3、查看所有的支持源,命令如下:

nrm ls

如下图所示:

vue-cli脚手架的安装和验证

4、npm下载源切换成指定的源,可以使用命令

nrm use taobao

如下图所示:

vue-cli脚手架的安装和验证

5、此时我们通过命令

vue init webpack demo

来利用脚手架搭建vue项目时,提示:无法加载C:\Users\Administrator\AppData\Roaming\npm\vue.ps1, 无法在当前系统上运行该脚本,如下图所示:

vue-cli脚手架的安装和验证

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

vue-cli脚手架的安装和验证

7、输入命令

set-ExecutionPolicy RemoteSigned

选择Y或者A,如下图所示:

vue-cli脚手架的安装和验证

8、运行命令

vue init webpack demo

创建一个vue项目,如下图所示:

vue-cli脚手架的安装和验证

9、接下来切换到demo目录,然后运行npm run dev,如下图所示:

vue-cli脚手架的安装和验证

10、打开浏览器,输入http://localhost:8080/,即可访问到vue页面,如下图所示:

vue-cli脚手架的安装和验证

  • MYSQL的“1067 进程意外终止”的解决办法
  • GPT+UEFI磁盘Win10装Win7双系统
  • win10怎样打开定期扫描?
  • 路由器交换机配置BFD与OSPF联动实验
  • vmware workstation 12如何安装部署
  • 热门搜索
    元宵节手抄报图片 我的梦想手抄报 国学经典手抄报 感恩教育手抄报 感恩节手抄报 中秋节手抄报内容 森林草原防火手抄报 我的中国梦手抄报 消防手抄报大全 科技手抄报图片大全