vue脚手架 vue-cli 3 手动建项目

注意,如果vue-cli 3是目前最新的,但是,不是vue3,只是脚手架版本(个人理解)


第一步,下载node.js、使用node自带的npm 命令行搭建项目(node.js下载地址

1.检查是否安装node 方法:window + r  弹出输入框,输入:cmd

2.在窗口中输入:

node -v

注:检查是否出现版本号,如果出现版本号,就表示成功;(报错请自行百度解决方法或留言在线等)


第二步,使用cnpm(镜像详细地址)(可忽略!!!)

1,在窗口中输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步,下载脚手架 vue-cli3(如果你想用yarn 请自行下载安装)

npm install -g @vue/cli
或
yarn global add @vue/cli

注:检查是否安装完成  vue  -V  (注:V 大写)


第四步,在新建文件夹下创建项目 

vue create hello

或者在桌面 shift + 右击 选中下图显示选型 打开 cmd  输入  vue create helle  新建 hello命名的文件

第五步 如图  如果想手动创建 选择最后一项 键盘向下箭头可以选择

enter键之后显示下图显示 可用空格键进行选择和取消选择

enter键之后

enter键后(注意:如果不用eslint检查代码,请写n)

enter键后 

end键后

end键后 填写  y 之后 endter键  之后就开始建立文件   

运行  npm run serve

注:npm i 加载依赖

注:以下提示不是内部命令解决方法

yarn global add @vue/cli
yarn global bin

//cmd 输入以上 出现以下

C:\Users\Administrator\AppData\Local\Yarn\bin

此地址放入环境变量中

找到环境变量:此电脑-鼠标右击-属性-高级系统设置-环境变量(N)-点击系统变量中的path-编辑-添加以上提示地址-保存-重启cmd-vue -V检查是否存在vue-cli

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值