1.安装node.js
安装教程:https://www.cnblogs.com/zhouyu2017/p/6485265.html
我的电脑是win7 64位,不过安装过程都差不多。
以下都是按照教程来做的。
官网地址http://nodejs.cn/download/
安装目录放在D盘里面。
安装过程完成后检测是否安装成功:
可以看到Node.js和npm都安装好了。
目录如下:
npm的作用就是对Node.js依赖的包进行管理。
配置环境:配置npm安装的全局模块所在的路径以及缓存cache的路径。
cmd输入两句:
npm config set prefix “node_global所处路径”
npm config set cache “node_cache所处路径”
测试是否安装好:
安装最常用的express模块:
安装中:
安装后
教程里的
安装完成。
基于node.js,利用淘宝npm镜像安装相关依赖,
在cmd里直接输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
回车,等待安装…
安装完成
安装Vue CLI 3.1(npm install -g @vue/cli)
安装成功后,可用下边命令行查看版本: vue --version 或 vue -V
也可用命令:vue,查看vue相关命令:
下面是我安装VUE2.x的过程(后来卸载了)
安装教程https://www.cnblogs.com/miller-star/p/6394760.html
安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里输入:cnpm install -g vue-cli
回车,等待安装…
输入:vue
回车,若出现vue信息说明表示成功
卸载vue-cli
全局安装:npm install vue-cli -g
全局卸载:npm uninstall vue-cli -g
这个目录结构代表什么?
2.因为我还没有安装前端的开发工具,所以安装webstorm。
官网https://www.jetbrains.com/webstorm/
激活:
注册方法:https://blog.csdn.net/voke_/article/details/76418116
在host文件中加入
“0.0.0.0 account.jetbrains.com”及“0.0.0.0 www.jetbrains.com”
破解成功。
(另一种破解方法也可以看
https://cloud.tencent.com/developer/article/1388470或
https://www.jianshu.com/p/4ce97b360c13)