安装vue

1.安装node.js
安装教程:https://www.cnblogs.com/zhouyu2017/p/6485265.html
我的电脑是win7 64位,不过安装过程都差不多。
以下都是按照教程来做的。
官网地址http://nodejs.cn/download/
安装vue_第1张图片安装vue_第2张图片

安装目录放在D盘里面。
安装过程完成后检测是否安装成功:
安装vue_第3张图片可以看到Node.js和npm都安装好了。
目录如下:
安装vue_第4张图片
npm的作用就是对Node.js依赖的包进行管理。
配置环境:配置npm安装的全局模块所在的路径以及缓存cache的路径。
安装vue_第5张图片cmd输入两句:
npm config set prefix “node_global所处路径”
npm config set cache “node_cache所处路径”

安装vue_第6张图片安装vue_第7张图片
安装vue_第8张图片
测试是否安装好:
安装最常用的express模块:
安装中:
安装vue_第9张图片安装后
安装vue_第10张图片安装vue_第11张图片教程里的
安装vue_第12张图片安装完成。

基于node.js,利用淘宝npm镜像安装相关依赖,
在cmd里直接输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
回车,等待安装…
安装vue_第13张图片安装完成
安装Vue CLI 3.1(npm install -g @vue/cli)
安装vue_第14张图片安装vue_第15张图片
安装成功后,可用下边命令行查看版本: vue --version 或 vue -V
安装vue_第16张图片也可用命令:vue,查看vue相关命令:
安装vue_第17张图片

下面是我安装VUE2.x的过程(后来卸载了)
安装教程https://www.cnblogs.com/miller-star/p/6394760.html
安装vue_第18张图片安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里输入:cnpm install -g vue-cli
回车,等待安装…
安装vue_第19张图片
输入:vue
回车,若出现vue信息说明表示成功
安装vue_第20张图片 卸载vue-cli

全局安装:npm install vue-cli -g

全局卸载:npm uninstall vue-cli -g

安装vue_第21张图片
这个目录结构代表什么?
安装vue_第22张图片

2.因为我还没有安装前端的开发工具,所以安装webstorm
官网https://www.jetbrains.com/webstorm/

安装vue_第23张图片安装vue_第24张图片

激活:
安装vue_第25张图片注册方法:https://blog.csdn.net/voke_/article/details/76418116

在host文件中加入
“0.0.0.0 account.jetbrains.com”及“0.0.0.0 www.jetbrains.com”
安装vue_第26张图片
安装vue_第27张图片安装vue_第28张图片安装vue_第29张图片

破解成功。
(另一种破解方法也可以看
https://cloud.tencent.com/developer/article/1388470或
https://www.jianshu.com/p/4ce97b360c13)

你可能感兴趣的:(前端)