在Windows下创建Vue开发环境的前端学习:
1.安装node.js
- Node官网下载
- 直接下载
你可以一直到下一个,但记住安装的位置,默认路径是:
C:Program Filesnodejs
检验是否安装成功：
命令行输入：
如果安装成功,则将输出相应的版本编号:
报错问题：
- 在win10下安装节点后,node -v是正常, npm -v报告如下错误:
原因:节点目录权限不足;
解决方案:找到节点安装目录,右击属性,单击安全,设置用户完全控制权限,如下面所示。
- 节点-v正常, npm-v非反应,如下
原因:输入命令 npm config 设置前缀或输入后其他命令导致 npm -v 根本没有响应,因为使用其他命令 npm 的 config 是混乱的;
解决方法：将"C:Users用户.npmrc" 文件如图修改一下，或者删除再进行之后的操作，注意此用户为你的电脑那个。
注意:npmrc文件不是安装在nodejs目录npm模块下,而是安装在C:UsersUser.npmrc文件下:
2.为节点设置全球和缓存路径
安装目录下的两个新文件夹:node_cache和node_global,如图所示:
然后输入CMD命令行:
设置缓存路径,并注意要安装的实际路径:
设置全球模块存储路径:
不报错即可：
3. 安装淘宝镜像
CMD输入：
4. 设置环境变量
设置环境变量的目的在于在任何目录中执行节点和Vue命令,请注意它们是用于安装目录。
PATH增加
C:programnodejsnode_global
新NODE_PATH,值:
C:programnodejsnode_modules
5. 安装Vue
首先需要关闭命令行窗口,然后再打开CMD来执行安装视图命令:
6.安装Vue-cli脚座
为纠正错误,执行下列命令:
然后再执行：
OK！
如果节点-v此时是正常,而 npm-v没有反应,请参阅1.问题2。
7.创建Vue项目
在您最喜欢的目录下找到CMD执行:
按着提示输入命令：
装载出来一会后,拉:
crtl + 点击 http://localhost:8080/ 打开主浏览器。
效果如图：
录制你的第一个Vue项目,尽管它只是一个Hello World的嘻哈.
参考:如何在Windows下构建Vue开发环境的手册
npm 问题: 没有对命令或终端输入 npm -v 的响应 [ 解决 ]