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.安装***pm 

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

 测试是否安装成功

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

删除之前的***pm

npm uninstall -g ***pm

安装指定版本的***pm

npm install ***pm@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命令打包项目

 

转载请说明出处内容投诉
CSS教程_站长资源网 » Visual Studio执行vue项目

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买