vue项目如何在本地和服务端运行

2018年2月18日21:52:22 4 389

vue是一个js前端框架,是一套用于构建用户界面的渐进式框架,你可以看这篇Vue.js快速入门教程快速的学习vue,今天我们主要是讲解下Vue项目的运行。

Vue项目本地运行

需要的东西:
- node.js运行环境
- Vue-cli脚手架
- cnpm (可选)

node.js运行环境

这个直接在Node的官网,根据自己的系统下载安装一个就可以了。
vue项目如何在本地和服务端运行
测试Node.js是否安装成功,cmd里或者用git运行下下面代码:

node -v

如果出现相应版本号,则说明安装成功了,这个可以要配置环境的Path,百度自行了解。

Vue-cli脚手架

在命令行中输入下面代码:

// 使用npm
npm install -g vue-cli 

// 使用cnpm
cnpm install -g vue-cli 

可能安装会比较慢,你可以用cnpm,因为npm是调用国外的资源,但是你得先安装cnpm。

安装淘宝镜像cnpm

在命令行中输入下面的代码:

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

静静等待,以后就使用cnpm来安装相关依赖包了,这样速度会很快的。

一般来说,我们在github上下载Vue项目的时候,上面会说明如何的运行,一般情况下都只是这几个步骤:
1. 克隆一个项目地址(git clone https://github.com/bailicangdu/vue2-elm.git )
2. 切换到项目的文件夹(cd vue2-elm)
3. 安装相关依赖(npm install)
4. 使用npm运行项目(npm run dev)

Vue项目服务器运行

Vue是一个纯前端框架,所以不管是什么服务器,只要使用命令:

npm run build

生成后的dist文件夹里面的内容上传到服务器就可以直接运行了。

猿梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • avatar 周松松博客 来自天朝的朋友 谷歌浏览器  Android 5.1 OPPO A59m Build/LMY47I 0

      博主,新年快乐!欢迎回访。。。

        • avatar 猿梦 来自天朝的朋友 谷歌浏览器 Windows 10 Admin

          @周松松博客 谢谢支持,已经回访完毕了

        • avatar 以后 来自天朝的朋友 谷歌浏览器 Windows 10 0

          这个博客很皮,有意思,哦对了,邮箱哪些信息我随便打的

            • avatar 猿梦 来自天朝的朋友 谷歌浏览器 Windows 10 Admin

              @以后 这个可以随便的,谢谢来访