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命令打包项目