1.需要安装nodejs支持 去nodejs官网下载对应版本的nodejs,可以使用installer,选择安装目录点击安装,也可以使用binary文件,直接选择文件夹解压缩。 安装完成后如上图所示。 然后配置环境变量: 1:添加NODE_PATH,变量值为nodejs的安装路径. 2添加Path属性,新增两天记录 打开cmd窗口测试,输入node -v,nmp -v如果出现以下结果代表安装完成。 2,。设置node_cache 和 node_globel 创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "D:\Develop\nodejs\node_global" npm config set cache "D:\Develop\nodejs\node_cache"
地址自定义一个。cache文件夹是用来保存使用npm命令下载和缓存的文件的。 然后配置环境变量,添加Path 在控制台中输入命令:npm config ls,如果出现以下结果代表配置成功。 3.修改npm下载库,使用taobao镜像下载
npm config ls
npm config set registry http://registry.npm.taobao.org/
查看镜像地址:npm config get registry,出现taobao则代表配置成功。
npm config get registry
使用npm命令安装vue脚手架。 使用命令:npm install -g vue-cli 安装vue-cli 2版本 如要安装3版本的脚手架则是 :npm install -g @vue/cli 安装完成后配置环境变量Path,添加安装vue的目录去Path下面。我的是这里: 在cmd窗口中运行vue --version ,如果出现版本号,这代表安装配置成功,如果错误,可以使用管理员模式运行cmd窗口再次尝试。
npm install -g vue-cli
npm install -g @vue/cli
使用vue脚手架搭建项目 打开开发环境,我这里使用的是VSCode,打开终端,输入vue init webpack hello 创建一个脚手架项目。构建完成后npm start 启动项目,如果出现以下界面,表示启动成功。
vue init webpack hello
npm start