创建并运行一个vue项目①——环境搭建

① 安装适合自己系统的node.js。

下载地址:https://nodejs.org/en/download

下载下来之后双击运行,之后一直next,等待安装成功。

按下win+R键,输入“cmd”后回车,在弹出来的命令行窗口输入:npm --version

出现版本信息证明安装成功:

②新建文件夹

找到node.js的安装目录,新建node_global和node_cache两个文件夹。

它们分别是默认安装目录和缓存日志目录。

③设置npm下载目录

使用:

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

命令将npm的模块目录和缓存目录指向第二步的两个文件夹,记得将路径替换为自己电脑的路径。

④设置环境变量。

右键点击“我的电脑”,“属性”-“高级系统设置”-“高级”-“环境变量”,进入环境变量对话框。

扫描二维码关注公众号,回复: 16481766 查看本文章

在这一步用户变量的path中,需要先删除默认的C :\APPData\Roaming\npm,再添加以下两个路径。

⑤配置镜像

修改npm命令的仓库地址为淘宝镜像源。

在命令行窗口输入:npm config set registry https://registry.npm.taobao.org

再输入:npm config list查看是否配置成功。

⑥安装vue.js

在命令行窗口输入:npm install vue -g

这一步可能出现如下错误:Error: EPERM: operation not permitted, mkdir

此时需要找到图中的文件夹,右键【属性】-【安全】-【编辑】,将用户的权限修改为完全控制即可。

安装成功:

可以使用:npm info vue命令查询安装的vue信息

⑦安装脚手架。

使用:npm install vue-cli -g命令安装脚手架。

安装成功后可以使用vue -V命令查看到vue的版本。

如果提示“vue不是内部或外部命令,也不是可运行的程序或批处理文件”,可以尝试将命令行窗口重启,或检查环境变量的配置(第四步)。

至此,vue环境安装完成。

后续步骤

创建vue项目并运行的后续步骤,请阅读:http://t.csdn.cn/TEJn5

猜你喜欢

转载自blog.csdn.net/defined_/article/details/129700113