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.运行网址,项目成功建好啦!!在这里插入图片描述

Logo

前往低代码交流专区

更多推荐