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 devhttp://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

原文地址:https://www.cnblogs.com/UBEING/p/12300378.html

时间: 2024-10-03 23:27:17

VUE环境项目运行以及搭建的相关文章

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

写作背景:手上入一个用Vue框架写的微信公众号项目,根据公司安排,我负责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看). 1 开发环境安装步骤: (一)安装node.js(JavaScript运行环境runtime) 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以完成. 完成之后,开发命令行工具,输入 node -v 如果出现相应的版本号,则说明安装成功. 另外,npm是node.js下的包管理器,npm能很好的和诸如webp

vue前端项目开发环境搭建并用npm方式运行

1.下载node.js http://nodejs.cn/download/ 推荐下载 .mis安装包,下一步下一步... 安装完后,通过cmd控制台输入node -v 弹出版本号即成功 2.通过node.js中内置的npm(包/依赖)插件来下载其他开发所需的环境 注意:如设置了代理限制,可通过cmd控制台输入npm config set proxy=http://代理服务器地址:8080 设置代理(网络有代理限制时下载不到依赖包时,按需设置) npm config delete proxy 为

vue开发(开发环境+项目搭建)

Vue.js是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. 首先vue.js的作者是中国人,所以说他是国产的,吸收了google的angular.js和facebook的react.js的特性,摒弃了jquery传统的DOM操作,采用数据绑定和指令等概念,可以说是未来WEB端开发的

centos下搭建.NET Core项目运行环境

centos下搭建.NET Core项目运行环境:https://github.com/Somnus/somnus.github.io/blob/master/doc/code/centos%E4%B8%8B%E6%90%AD%E5%BB%BA.NET%20Core%E9%A1%B9%E7%9B%AE%E8%BF%90%E8%A1%8C%E7%8E%AF%E5%A2%83.md#%E7%99%BB%E5%BD%95%E6%95%B0%E6%8D%AE%E5%BA%93 原文地址:https://

Vue.js项目模板搭建

前言 从今年(2017年)年初起,我们团队开始引入「Vue.js」开发移动端的产品.作为团队的领头人,我的首要任务就是设计 整体的架构 .一个良好的架构必定是具备丰富的开发经验后才能搭建出来的.虽然我有多年的前端开发经验,但就「Vue.js」来说,仍然是个新手.所幸「Vue.js」有一个配套工具「Vue-CLI」,它提供了一些比较成熟的项目模板,很大程度上降低了上手的难度.然而,很多具体的问题还是要自己思考和解决的. 项目划分 我们公司的H5产品大部分是嵌套在手机客户端里面的页面.每个项目的功能

在windows下用脚手架搭建vue环境

做了几个月vue项目,最近两个项目使用脚手架搭建的,确实用脚手架搭建方便了许多,想想以前自己手配的时候,确实是... 1.在这之前我是默认你已经使用过vue的,也默认你已经安装了node.js 2.接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架 3.命令为:cnpm install -g vue-cli,回车,等待安装 安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了. 4.紧接着,就该创建项目了,自己找一个合适的地方,新建一个项目文件夹,根据自己的需要

18.搭建 vue 环境

第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装1.2 如果本机已经安装node的运行换,请更新至最新的node 版本下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 第二步 node环境检测 为了快乐的使用命令行,我们推荐使用 gitbas1.1 下载git 并安装下载地址 https://git-for-windows.githu...安装成功后 右键菜单 我们可以看到 Gti Bash Her

vue环境搭建的简单总结

Vue环境搭建的简单总结 构成: Node.js环境  cnpm npm的淘宝镜像 Veu cli 手脚架构建工具 安装node.js环境 安装node.js方法步骤https://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html: 安装cnpm 有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以需要npm的国内镜像---cnpm 在命令行中输入npminstall-gcnpm--registr

搭建vue环境

1.安装node.js 进入官网 :https://nodejs.org/en/ 选择适合自己的版本下载,可以一直选择下一步进行安装. 2.验证node是否安装成功 安装完成之后,在桌面打开终端 (win键+r键输入"cmd"即可打开),在终端输入"node -v" 会出现你所安装的对应版本就是安装成功  3.安装cnpm 由于npm是国外的,使用起来很慢,所以用淘宝镜像cnpm代替npm,功能完全一样 终端里面输入 npm install -g cnpm --re