win10装vue的小经历

本文详细介绍了Node.js的安装及环境变量配置过程,强调了addtopath选项的重要性,并分享了使用npm进行Vue.js及其脚手架安装的常用命令,帮助初学者快速搭建Vue开发环境。

node和vue的小坑

最近vue.js的框架十分之盛行,引得我这个小白想去学习一番

首先node.js的安装下载

在我们使用vue.js的时候不一定非要node,但是如果是搭建vue脚手架就可以利用node.js的npm插件。

安装node其实也不是很复杂

只需要到官网下载一个安装包即可,但是安装过程有个小坑,是在配置node的环境变量上,一定要选这个add to path,如果没有选这个在后面安装完后还要自己去配相应存储地方的环境变量,在配环境变量上
在这里插入图片描述
在这里插入图片描述这是小编在配置到e盘在用户变量里配的变量

在安装完node之后,小编安装npm的vue vue-cli时也是出了点小问题的,小编收集了一些有关vue与npm的命令行,希望对你们有用!!

# 全局安装 vue-cli
 npm install -g vue-cli

# 创建一个基于 mpvue-quickstart 的新项目
 vue init mpvue/mpvue-quickstart 
 # 安装vue
npm install vue -g
# 安装vue-cli
npm install vue-cli -g
# 查看是否安装成功
vue -V

 npm uninstall vue-cli -g //或者 yarn global remove vue-cli   卸载脚手架
# 安装依赖
 cd my-project
  npm install
# 启动构建
 npm run dev

弄好之后使用run,要等一会才再弹出一个窗口。在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值