VUE环境项目运行以及搭建

Posted ubeing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE环境项目运行以及搭建相关的知识,希望对你有一定的参考价值。

首先借用别人的博客

https://www.cnblogs.com/lgx5/p/10732016.html

已有项目运行
VUE项目
ndoe -v 
npm -v
npm install -g cnpm --registry=http://registry.npm.taobao.org
npm install webpack -g
cnpm install vue-cli -g
项目目录下(如果中途有报错)
https://www.cnblogs.com/kidsitcn/p/4557548.html (冷门错误)
npm install --msvs_version 2015
npm config set msvs_version 2012 --global
https://www.jianshu.com/p/6053e9b35d9a  (W10问题)
//npm install --msvs_version=2015
npm run dev
得到地址+端口号启动

单独构建项目
vue init webpack yourProject(项目名)
一路enter即可,正常构建完成后
npm run dev
http://localhost:8080 可以看到vue默认界面 报错vue : 无法加载文件 C:Users...,因为在此系统上禁止运行脚本。有关详细信息,请参阅 htt ps:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + vue init webpack demo1 + ~~~ + CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 解决: 运行powershell(管理员身份) 输入 set-ExecutionPolicy RemoteSigned 选择:Y或者A

以上是关于VUE环境项目运行以及搭建的主要内容,如果未能解决你的问题,请参考以下文章

Vue环境搭建和项目创建

前端vue.js环境配置以及实例运行简明教程

Vue项目的创建,以及项目目录结构的分析

Vue.js项目的开发环境搭建与运行

Vue项目环境搭建

1Vue介绍环境搭建项目运行