Vue 脚手架 环境搭配

目录

1.搭建开发环境

1.1安装Node.js

1.2配置npm源

1.3安装VUE Cli

---

1.搭建开发环境

1.1安装Node.js

首先下载Node.js安装包,下载地址可参考

https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi

安装过程没有什么特别的注意事项,没有什么修改内容.

点击 Next进行安装

点上对钩,继续Next ,安装路径默认是在C盘,可以更换路径.后面一直点Next就可以了.

   

安装完成,点击Finish.

此安装包会自动配置环境变量,安装完成后,可检查npm命令是否可用.

通过win+R 在运行窗口输入cmd进入控制台

 在里面输入npm -v 会显示版本号 ,表示安装成功.

1.2配置npm源

配置命令如下:

npm config set registry https://registry.npm.taobao.org

配置成功后,可用通过get命令查看npm源

npm config get registry

将会显示当前生效的npm源:

1.3安装VUE Cli

安装VUE Cli的命令如下:

npm install -g @vue/cli 

以上命令中， -g 表示全局安装，则当前操作系统中所有用户均可使用，且自动配置Vue环境变量。 此过程将从仓库服务器中下载VUE Cli，通常耗时30秒至5分钟左右。 提示：如果安装过程中的日志提示更新npm版本，或提示某些软件版本偏旧等，均可无视。 安装完成后，可通过以下命令检验VUE Cli是否安装成功：

vue -V(大写V)

执行命令后,将会显示当前VUE Cli版本号

安装完成.