下载和安装开发工具VSCode
目前主流的开发工具有webstorm和vscode,我这里选择的是vscode。
官网下载地址:[https://code.visualstudio.com/Download#],选择下载的版本。因为官网下载太慢,我采用国内镜像方式下载。具体步骤为:拷贝出官网的下载链接(我用的是微软自带的浏览器,右键下载中的行,选择复制下载链接即可),在新窗口中粘贴下载链接,并将地址中的/stable前的az764295.vo.msecnd.net换成vscode.cdn.azure.cn即可。下载后解压,直接运行Code.exe文件即可。
安装nodejs、npm、vue
因为之前安装过华为鸿蒙开发工具,nodejs和npm都安装过,此处忽略。没有安装的自行下载安装。
输入node -v发现没有显示版本
查看环境变量,发现path变量中没有配置nodejs的安装路径,则配上nodejs的安装路径,再次执行node -v
我这里还是因为之前安装过华为鸿蒙开发工具,自动下载了nodejs和npm,并且npm在nodejs中,因此我配置了nodejs的环境变量后,npm也生效了,如果npm没有显示版本号,则尝试单独配置。
执行npm install -g @vue/cli命令,安装vue工具
项目编译(私有环境)
执行npm install
发现找不到这个环境(我这里是公司搭的私有环境)
执行nrm ls查看环境信息
执行npm install -g nrm安装nrm
然后再nrm ls,发现果真没有私有环境
执行nrm add <别名> <私有环境地址>
再nrm ls,发现已有目标环境
执行nrm use <别名>切换到目标环境
执行 npm adduser 依此输入用户名和密码,随便填写个邮箱(邮箱格式)
最后执行npm install
完成后,项目目录会生成node_modules文件夹
运行项目
执行 npm run serve