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\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如何安装部署
  • 热门搜索
    学习经历怎么写 撸管撸多了会怎么样 激素性皮炎怎么治疗 怎么把两张图片合成一张 纸杯蛋糕怎么做 血糖低怎么办 手机怎么备份 怎么养精 放屁臭是怎么回事 win10怎么更新