1、先安装nodejs,目的是搭建npm环境,安装包大家自行从网上下载即可。
这样表示安装成功
2、安装vue脚手架,vue-cli
执行命令:
npm install -g vue-cli
如果没有报错即安装成功(当时安装忘记截图了),如果有报错说明缺少比较的插件,可根据报错信息搜索对应的插件。
2、进入vue项目的目录,执行npm install初始化命令
npm install
一般这里会报错(截图缺失了)
首先先确认两个依赖的环境变量有没有配置git和python
如果没有python或者环境变量配置好后还报错,一般缺少对应的windows组件
执行windows组件安装命令:
npm install --global windows-build-tools
这里应该也不会太顺利,如果卡在了这里
就打开.windows-build-tools文件夹,找到vs_BuildTools,手动用管理员运行一下。
再执行一遍npm install --global windows-build-tools命令一般就可以了
如果还是不行
则再打开.windows-build-tools
文件夹中的build-tools-log.txt
,添加Variable: IsInstalled = 1
,保存,关闭
然后再执行一遍npm install --global windows-build-tools,一般就能解决了
如果还是不行
在运行窗口输入(win+R)%tmp%,然后在打开的目录中新建一个dd_client_.log文件并往里写入Closing installer. Return code: 3010
安装完windows组件后再次执行npm install命令,应该就能顺利结束了
3、执行启动命令:npm run dev
如下图说明启动成功了
如果想修改访问地址和端口,就在vue.config.js中修改