当前位置:网站首页 > Vue.js开发 > 正文

vue安装步骤(vue2.0安装)



打开node.jd官网Node.js 中文网
点击下载安装,选择Windows64位(按自己电脑来选择,一般是Windows64位)

打开安装包直接next就行

安装完成后,检查一下是否安装成功
Windows+R 输入cmd打开命令行,输入一下命令
 

输出版本号就说明安装成功

在我们的安装目录下,创建名为node_cache和node_global的两个文件夹。

打开管理员命令窗口一定要是管理员),执行如下命令,将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。
 

在设置中搜索并打开环境变量
将用户变量最后一行  C:Users你的用户名AppDataRoaming pm 
修改为 你的安装目录 ode_global

系统变量中新增一个变量,如下👇
变量名:NODE_PATH
变量值:你的安装目录 ode_modules

系统变量中的path增加下面二个
%NODE_PATH% ode_modules
%NODE_PATH% ode_global

右击node.js文件夹点击属性,选中安全
编辑,把所有的权限都打开
注意,那四个组或用户名都看一下把权限都打开

管理员身份运行cmd,安装淘宝镜像cnpm
淘宝npm镜像原地址  在2022年6月30日后已不再可用,因此应使用新地址 
执行以下命令:
 

查看cnpm配置修改是否成功
 

安装Vue cli

 
检查Vue cli是否安装好,出现版本号则安装成功
 
创建一个hello-world项目
 
用VS Code打开项目
第一次运行
Ctrl+Shift+`调出终端,输入
 
后面就可以直接运行npm脚本
调出npm脚本
点击运行

打开链接

执行成功界面

 

到此这篇vue安装步骤(vue2.0安装)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue的钩子函数和生命周期详解(vue生命周期常用的四个钩子函数)2025-05-08 08:00:04
  • pcie5.0电源(PCIE5.0电源只有两条线)2025-05-08 08:00:04
  • jsjsj是什么意思(jsj啥意思)2025-05-08 08:00:04
  • js深拷贝和浅拷贝的区别(js浅拷贝和深拷贝什么时候用)2025-05-08 08:00:04
  • js中深拷贝的方法(js实现深拷贝函数)2025-05-08 08:00:04
  • kali更换国内源(kali2020.4换源)2025-05-08 08:00:04
  • map转json字符串 转义符(map转json对象 fastjson)2025-05-08 08:00:04
  • Redhat9.2(Redhat9.2 文件同步 带宽限速)2025-05-08 08:00:04
  • vmware12.0密钥(vmware workstation12pro密钥)2025-05-08 08:00:04
  • redhat6.5安装详细教程(redhat6.8安装教程)2025-05-08 08:00:04
  • 全屏图片