WIN7/WIN8/WIN10 配置 VUE2

版权声明：本博客是作者多年工作总结，欢迎大家分享，但是请标明出处，谢谢！！！ https://blog.csdn.net/qq_43699953/article/details/89440797

为什么是VUE2？这里我就不废话了，你们可以自己随意百度一下，其实对于普通开发来说区别不大，但是如果你要追求机制和更好的代码质量我还是建议VUE2。

我这里在来科普一下VUE和WEBPACK:

vue.js是一种前端框架，一般利用vue创建项目是要搭配webpack项目构建工具的，而webpack在执行打包压缩的时候是依赖node.js的环境的，所以，要进行vue项目的开发，我们首先要安装node.js。

node.js的官方地址为：https://nodejs.org/en/download/，如果嫌弃官网慢的同学，可以访问国内的中文网站，放在百度云盘中让人下载，http://nodejs.cn/download/，下载完毕，按照windows一般应用程序，一路next就可以安装成功。

node.js安装图解：

下载界面是这样的，找到你的操作系统和版本开始下载吧！

安装完成使用powershell检查一下版本：

为了以后的本地部署项目，我们需要找到node.js的安装根目录，在当中新建“node_global”和"node_cache"两个文件夹。

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

设置我们的系统环境变量：
    新建一个： NODE_PATH = F:\set-soft\Node\nodejs

   然后PATH中添加;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;

安装淘宝的npm镜像:

由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm ，安装之后就可以用cnpm代替npm

powershell中输入命令：

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

（顺便补上之前那个目录的操作截图）

安装完成！

然后再添加一次环境变量：

完美！！！

安装Vue 框架

淘宝npm安装：

cnpm install -g vue-cli

普通npm安装：

npm install -g vue-cli

安装完成，测试一下：

这里是大v。

好接下来到D盘下新建一个叫做vue的目录，当然了叫啥你随意。然后通过命令提示符 cmd也好powershell也罢进去。

这里使用webpack顺便整个包：

对了，忘记安装webpack了，来安装一下：

cnpm install webpack -g

好今天到这里，明天我们建个项目玩一玩，谢谢大家，晚安！！！