vue如何新建一个项目(详细步骤)

vue创建项目

一、安装node环境与npm

1、首先:先从https://nodejs.org/en/中下载node.js
按照提示一直点next,直到Finish完成安装
在这里插入图片描述
2.打开控制命令程序cmd或者PowerShell,检查是否安装成功:如果输出版本号,说明我们安装node环境成功
在这里插入图片描述
使用淘宝NPM 镜像,国内直接使用npm 的官方镜像是非常慢的,所以推荐使用淘宝 NPM 镜像。(也可以不用,不用直接跳过这一步)
输入:npm install -g cnpm --registry=http://registry.npm.taobao.org
即可安装npm镜像,以后命令再用到npm的地方直接用cnpm来代替就好了。
二、搭建vue项目环境并创建vue项目
1.安装vue-cli(脚手架)
输入:npm install vue-cli -g //安装淘宝镜像的把npm改成cnpm
在这里插入图片描述
2.输入:vue list 查看vue-cli是否安装成功,不能检查vue-cli,需要检查vue在这里插入图片描述
3.选定自己新建vue项目的路径,这里我是把它建在D:\前端学习\vue
在这里插入图片描述
4.新建项目,输入:vue init webpack +项目名称
在这里插入图片描述
5.根据自己需求配置,我选NO那几个配置,如果选YES那么就是严格模式,编写项目的时候会出现很多警告错误
在这里插入图片描述
6.等创建好以后进入项目安装依赖,输入:npm install (安装淘宝镜像的把npm换成cnpm)
在这里插入图片描述
7.运行项目,输入: npm run dev(安装淘宝镜像的把npm换成cnpm)
在这里插入图片描述
8.运行网址,项目成功建好啦!!在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值