1 安装node.js
要想前端工程化,必须安装node.js,前端工程化的环境。
在成功安装node.js后,
修改全局包安装路径为Node.js安装目录,
修改npm镜像源为淘宝镜像源,这里出现第一个问题,视频中给的淘宝镜像为:
该镜像源已经过期,如下所示
需要更新新的淘宝镜像源,如下:
2 安装vue脚手架(vue-cli)
由于上一步,我们修改了全局包安装路径,所以在安装vue-cli过程中或者更新npm版本过程中会出现问题,如下:
报错中显示:我们的操作被操作系统拒绝了,可能原因如下:
- 文件被记事本或者防病毒程序占用,或者缺少访问权限
- 如果你认为可能是一个权限问题,请尝试修改权限
博主发现文件并没有被其他程序占用,所以一定是权限不够。
开始修改权限Steps:
首先,找到node.js的安装文件夹
然后,右键->属性->安全,把管理员和用户的权限都给加上,
钩子都给打上,
接着,应用——>确定即可。
同理,对NodeJS文件下的node_modules也是同样的操作
最后,应用——>确定。
现在可以安装vue-cli了。
Steps:
1.先把npm更新一下
2.安装vue-cli
大功告成!!!