Vue脚手架的安装需要依赖nodejs,所以首先参考nodejs安装和验证内容。
1.命令行执行
npminstall-gvue-cli
,如下图所示:
说明:命令中加-g是安装到全局,以后再用init创建新项目的时候就不需要再安装vue-cli了.
2.nrm是一个管理npm的工具,nrm的安装命令如下:
npminstall-gnrm
如下图所示:
3.查看所有的支持源(有*号的表示当前所使用的源,以下[name]表示源的名称),命令如下:
nrmls
如下图所示:
4.npm下载源切换成指定的源,可以使用命令
nrmusetaobao
如下图所示:
5.此时我们通过命令
vueinitwebpackdemo
来利用脚手架搭建vue项目时,提示:无法加载C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,无法在当前系统上运行该脚本,如下图所示:
6.以管理员身份运行WindowsPowerShell(注意不是cmd命令提示窗口),如下图所示:
7.输入命令
set-ExecutionPolicyRemoteSigned
选择Y或者A,如下图所示:
8.运行命令
vueinitwebpackdemo
创建一个vue项目,如下图所示:
9.接下来切换到demo目录,然后运行npmrundev,如下图所示:
10.打开浏览器,输入