Vue项目搭建及原理二

这几天一直在忙些面试及技术分享，终于有点时间来写个博客了😁，为了技术分享我查看了一些资料做了一些vue的总结，说的不对的地方希望大家多提意见，

上一节中我们简单介绍了一下Vue那现在我们介绍一下Vue项目的构建准备吧

 

　　二.Vue项目的构建准备（基于node的前端工程化）

 

1.node.js

Js运行环境

(因为webpack在执行打包压缩的时候是依赖nodejs的，没有nodejs就不能使用webpack就好比你要使用电灯，首先必须得有电流，而电流是需要发动机来发电的，你不能因为说我不要发动机而直接使用电流吧~)

官网下载安装文件

http://nodejs.cn/download/

双击"node-v0.10.28-x86.msi"，开始安装nodejs(一键安装)

在cmd控制台输入：node -v，控制台将打印出：v0.10.28，出现版本提示表示安装成功。

 

2.npm

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题

$ npm install -g cnpm --registry=https://registry.npm.taobao.org (稍后章节会详细介绍镜像问题)

 

安装成功后显示版本号：

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装

 

3.Vue-cli

Vue的脚手架工具,用来生成Vue工程

主要作用：目录结构、本地调试、代码部署、热加载、单元测试

# 全局安装 vue-cli

$ npm install --global vue-cli

 

安装成功后显示版本号：

 

运行vue查看是否安装成功：

这样所需要的环境就已经安装好了，下一节将介绍如何快速创建一个项目，请大家关注哦

本文章为作者原创文章，如有转载请说明出处