在今天vue脚手架环境安装快把我整懵逼了,累死我了经过一下午时间终于找到了原因和具体所在
第一步:
安装好node.js
安装教程:二进制zip安装(不需要下载)msi(需要下载安装)->(安装教程从(Node.js 中文网)查找)
以zip为例:
环境配置:第一,打开更目录cmd,node -v查看属于哪一个版本
第二步:修改全局
这里将全局模块(文件夹名:node_global)和缓存(文件夹名:node_cache)放在了nodejs安装目录下,在你的nodejs安装目录下创建创建两个文件夹,名称分别为:node_global和node_cache,在node_global文件夹下再建一个node_modules文件夹,配置环境变量用
这里将全局模块(文件夹名:node_global)和缓存(文件夹名:node_cache)放在了nodejs安装目录下,在你的nodejs安装目录下创建创建两个文件夹,名称分别为:node_global和node_cache,在node_global文件夹下再建一个node_modules文件夹,配置环境变量用。
2, win+R打开运行窗口,输入cmd,再输入以下两条指令
npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"
第三,右击计算机选择属性找到高级系统设置
①在系统变量中,新建,变量名:NODE_PATH 变量值:node_global文件夹下的node_modules文件夹。如:E:\develop\nodejs\node_global\node_modules
②修改用户变量中的Path变量,将默认的npm路径修改为新建的node_global路径或删除红线画的地方,比较反锁,多次尝试。
第四:安装vue_cli
npm install -g @vue/cli
镜像在国外,所以会比较慢。可以使用我们可以使用阿里巴巴在国内的镜像服务器,命令如下:
npm install -gd express --registry=http://registry.npm.taobao.org
只需要使用–registry参数指定镜像服务器地址,为了避免每次安装都需要--registry参数,可以使用如下命令进行永久设置:
npm config set registry http://registry.npm.taobao.org
第五、测试脚手架是否安装成功
vue --version
当出现版本号时,说明安装成功。
安装成功之后
1、终端中,cd到项目文件夹,输入以下命令:
vue create vue_demo
选择手动安装:
安装完毕之后,将橙色括起来的一次输入终端
然后在浏览器输入 http://localhost:8080 如果正常出现界面则表示已成功
*****如果与xampp一起使用注意修改xampp端口。防止冲突。