1,环境
windows10 ,vue node.js vscode
2,配置环境
2.1安装vscode 相关插件
略
2.2 node.js安装(用vm-windows安装)
2.2.1 vm-windows安装
安装包地址:https://github.com/coreybutler/nvm-windows/releases
下载双击安装程序如图:
确认vm-windows是否安装成功:
设置环境变量:
然后打开cmd,输入nvm:(如图表示安装成功)
2.2.2安装node.js
1.用nvm确认node.js安装的版本,输入
nvm ls 确认是否已经安装node.js
有可能出现如下问题:
解决方案:
添加如下两个变量,变量值:变量值可以在nvm安装文件中的 settings.txt 中查看
如果没有安装,会有如下的显示:
确认没有安装以后,开始安装,先输入如下命令:
nvm list available
找到node.js的稳定版的版本号:
然后输入命令:
nvm ls
如果显示了安装的nodejs版本列表如下:
表示安装成功
2.3.安装配置脚手架vue-cli
输入命令npm install -g vue-cli 如果显示如图:
表示安装成功
3,创建一个网页
终端,输入
vue init webpack vueName
意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的,vueName 是整个项目文件夹的名称
这里可能会出现的问题以及解决方案:
创建成功的显示如图:
4.cefclient加载网页
运行成功的样子: