vue.js在windows本地下搭建环境和创建项目

vue.js在windows本地下搭建环境和创建项目

转载自:https://www.cnblogs.com/zerofc/p/6223785.html

博主的这篇文章写的真的很完美，让我忍不住想要自己收藏。

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

    首先vue.js的作者是中国人，所以说他是国产的，吸收了google的angular.js和facebook的react.js的特性，摒弃了jquery传统的DOM操作，采用数据绑定和指令等概念，可以说是未来WEB端开发的趋势，但是也并不代表jquey就淘汰了，存在即合理，jq应该在以后会有其他领域的价值，这里我就不多说了。

    说了这么多，我们还是开始怎么搭建vue.js的环境吧。首先要搭建vue的环境需要借助node.js的npm的包管理器。这个npm我就不详细介绍了，网上自己去百度，反正后面要安装的一系列的依赖或者包都要用到这个。

    一、node.js的安装

    node.js近几年很火热，开始我以为是一门语言，其实只是一个平台，他封装了chorme v8的引擎，可以直接用js作为服务器端脚本语言。http://nodejs.cn/进去该网站下载最新版本的node,

注意npm版本是3.8以上的就行。后面就是下一步下一步的安装就可以了。

二、node.js的环境变量的新建。

    其实安装完node，就自动在path里增加环境变量，但是为了以后的本地部署项目，我们需要找到node.js的安装根目录，在当中新建“node_global”和"node_cache"两个文件夹。

1、设置环境变量：

NODE_PATH = F:\set-soft\Node\nodejs

PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;

配置完成后，wind+r  弹出cmd，输入node -v 和 npm -v  分别查看版本号，代表node.js安装完成。

这样就可以把后面全局安装的装到global里并且可以直接用命令使用。

2、启动CMD依次执行以下两条命令
npm config set prefix "F:\set-soft\nodejs\node_global"
npm config set cache "F:\set-soft\nodejs\node_cache"

下面的博主还介绍了

三、安装淘宝的npm镜像

四、安装全局vue-cli脚手架、webpack.

五，新建vue.js项目

六、本地安装和运行项目

七、运行别人的vue.js项目domo

八、服务器端运行

如果大家想了解的话，可以去https://www.cnblogs.com/zerofc/p/6223785.html查看