首页 > 学习资料 > 编程知识

vue之vue-cli的安装和验证 2022-07-11 06:01:49

  Vue脚手架的安装需要依赖nodejs,所以首先参考nodejs安装和验证内容。

  1.命令行执行

  npm install -g vue-cli

  ,如下图所示:

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

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

  npm install -g nrm

  如下图所示:

  3.查看所有的支持源(有*号的表示当前所使用的源,以下[name]表示源的名称),命令如下:

  nrm ls

  如下图所示:

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

  nrm use taobao

  如下图所示:

  5.此时我们通过命令

  vue init webpack demo

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

  6.以管理员身份运行Windows PowerShell(注意不是cmd命令提示窗口),如下图所示:

  7.输入命令

  set-ExecutionPolicy RemoteSigned

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

  8.运行命令

  vue init webpack demo

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

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

  10.打开浏览器,输入,即可访问到vue页面,如下图所示:

相关标签:

<