为什么是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

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

WIN7/WIN8/WIN10 配置 VUE2相关推荐

  1. 计算机各个盘的作用,C盘各个文件夹/文件的作用是什么(Win7/Win8/Win10系统)?

    C盘各个文件夹/文件的作用是什么(Win7/Win8/Win10系统)?有些事情,高手不屑于为我们讲解,有些是因为确实有难度.对于系统文件,大多数朋友都会讳莫如深,好像多神秘似的,今天笔者来吃这个螃蟹 ...

  2. MODI2003 用于WIN7 WIN8 WIN10的32位和64位系统

    用途:在未安装Office 2003/2007的机器上安装MODI的OCR接口,供第三方软件的OCR功能调用. 内含MODI支持的全部21种语言,用于WIN7 WIN8 WIN10的32位和64位系统 ...

  3. freeswitch介绍安装部署(centos6+, win7,win8,win10)

    安装freeswitch freeswitch:是电话软交换开源项目, 电话软交换结合硬件解决方案.即可以跟固话网关,无线网关等进行电话交换,也可以通过对接系统做到把电话管理起来.自行开发实现电话统计 ...

  4. 8G的U盘轻松帮助你安装win7/win8/win10/xp系统

    你的电脑是否也经常出现卡顿.死机?你的操作系统使用时间太久也会出现,电脑开机无法正常启动但又不是硬件问题,电脑深度中毒且杀毒不彻底.如果用户的电脑遇到上述情况,那么您的电脑最好重装一套操作系统,可是不 ...

  5. 64位win7/win8/win10系统注册32位控件(.OCX)

    64位win7/win8/win10系统注册32位控件(.OCX) win7/win8/win10问题所在: 64位系统一般都是可以安装32位程序的,只是需要执行 C:\Windows\SysWOW6 ...

  6. 计算机安装错误及分析,安装Win7/Win8/Win10系统提示无法安装所需的文件及错误代码0X80070002的解决方法...

    有些朋友在安装Win7 Win8或是Win10在复制文件步骤可能会遇到这样的错误:windows无法安装所需的文件,文件不存在,这时安装过程就要中断了,请确保安装所需的所有文件可用,并重新启动安装.错 ...

  7. Prolific USB-UART 在64位win7 win8 win10上的安装

    这个工具目前用的还蛮多的,但是在windows下一直都支持的不好. 具体原因是,我们常用的这个prolific用的Vendor ID (VID_067B) 和 Product ID (PID_2303 ...

  8. Qt在Win下调用系统的软键盘,区分win7\win8\win10

    代码如下: #include <QOperatingSystemVersion> #include <QDesktopServices> #include <QUrl&g ...

  9. 苹果笔记本-MAC系统 上安装使用Windows系列(win7\win8\win10)

    1.下载自己喜欢或者想用的软件,注意自己mac系统的版本(低版本或者没升过级的MAC本更需要关注),小白直接用我下方的测试时使用的版本基本没问题 下载各种虚拟机软件的地址:http://www.pc6 ...

最新文章

  1. Silverlight C# 游戏开发:Flyer09扇动翅膀的蝴蝶
  2. linux中Shell历史命令记录文件的路径是什么
  3. java基础--网络编程
  4. layui左侧菜单接口java实现:替代init.json
  5. 常问 3: 谈谈MySQL共享锁与排他锁
  6. java 时间回退_java.time DateTimeFormatter使用灵活的回退值进行解析
  7. iOS简单实现查看更多/收起的效果[最新]
  8. 【转载】Linux下rz,sz与ssh的配合使用
  9. java ssm基于springboot的设备巡检系统
  10. Windows Server2003服务器密码忘记情况下,密码破解方法汇总
  11. mac上html无法显示图片,Safari 无法显示/加载网页图片解决方案
  12. Dhtmlx Gantt如何LightBox自定义表单元素
  13. ECCV 2022放榜了!1629篇论文中选,录用率不到20%...
  14. 专利申请要准备哪些资料
  15. 常见算法之Flood Fill算法
  16. 鸡米过河matlab程序,农夫,狐狸,鸡,米的程序
  17. js作为websocket client,服务用java 点对点、一对多聊天
  18. MATLAB与STK互联29:仿真案例4—GEO赋形波束示例(Executecommand的一些用法、Sensor指向的设置)
  19. 一文读懂NFT的发展历史、进展及未来趋势
  20. java beetl模板引擎_Spring Boot集成beetl模板引擎 个人总结

热门文章

  1. Vue——vue和nvue的区别
  2. 聊一聊平时常用的加密算法
  3. Rundeck基础:7:基础概念:Plugin
  4. 你有一笔新订单 语音_找客服申诉打字慢?众包骑手App支持语音输入啦!
  5. Web基础知识——新手入门
  6. visdom启动失败_[debug] 开源项目的本地使用:使用pip安装的函数库不能被anaconda和pycharm使用+visdom使用 +路径问题...
  7. java中是先学集合还是泛型_Java学习-在集合中使用泛型
  8. 人工智能学习(一)newff函数介绍
  9. 状态空间方程离散化中的参数矩阵计算问题
  10. Intel NUC安装ubuntu系统的方法