Visual Studio执行vue项目

一.安装node.js

1.安装之后修改环境变量Path修改成node的安装路径

2.在node文件夹下创建文件夹 node_cache 和 node_global 然后执行下列命令

npm config set prefix "E:\tools\Node\node_global"

npm config set cache "E:\tools\Node\node_cache"

修改环境变量

测试一下

测试node

运行

npm install express -g

-g 是全局安装的意思

二。修改镜像源为阿里镜像

1.查看当前镜像

npm config get registry

2.更换为阿里镜像

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

3.检查镜像

npm config get registry

4.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

测试是否安装成功

如果安装报错则删除安装指定版本cnpm

删除之前的cnpm

npm uninstall -g cnpm

安装指定版本的cnpm

npm install cnpm@7.1.0 -g

三。在vs里边运行yarn命令

1.安装yarn

运行命令：

npm install -g yarn

安装成功之后测试一下

在vs中运行yarn，

报错提示禁止运行脚本，则使用管理员运行vs软件

1. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;
2. 执行：set-ExecutionPolicy RemoteSigned;
3. 再次执行：get-ExecutionPolicy，就显示RemoteSigned;
4. 执行：yarn --version

四。下载依赖

运行命令 yarn

运行命令yarn serve启动项目

如果启动报错以下信息 说明是node版本问题

修改package.json文件中的scripts文件，然后再运行就可以成功

"serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",

五。启动项目

运行 yarn serve命令启动项目

六。打包项目

运行 yarn build命令打包项目