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

 时间:2024-10-12 00:03:20

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\Administrat泠贾高框or\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如何安装部署
  • 热门搜索
    手抄报版面设计图花 关于环保手抄报的内容 关于春节的手抄报大全 民间故事手抄报 字谜手抄报 语文知识手抄报图片 动物手抄报大全 科普知识的手抄报 防火防震手抄报 英语手抄报国庆节