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

时间:2024-03-14 21:02:56

vue创建项目

一、安装node环境与npm

1、首先:先从https://nodejs.org/en/中下载node.js
按照提示一直点next,直到Finish完成安装
vue如何新建一个项目(详细步骤)
2.打开控制命令程序cmd或者PowerShell,检查是否安装成功:如果输出版本号,说明我们安装node环境成功
vue如何新建一个项目(详细步骤)
使用淘宝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
vue如何新建一个项目(详细步骤)
2.输入:vue list 查看vue-cli是否安装成功,不能检查vue-cli,需要检查vuevue如何新建一个项目(详细步骤)
3.选定自己新建vue项目的路径,这里我是把它建在D:\前端学习\vue
vue如何新建一个项目(详细步骤)
4.新建项目,输入:vue init webpack +项目名称
vue如何新建一个项目(详细步骤)
5.根据自己需求配置,我选NO那几个配置,如果选YES那么就是严格模式,编写项目的时候会出现很多警告错误
vue如何新建一个项目(详细步骤)
6.等创建好以后进入项目安装依赖,输入:npm install (安装淘宝镜像的把npm换成cnpm)
vue如何新建一个项目(详细步骤)
7.运行项目,输入: npm run dev(安装淘宝镜像的把npm换成cnpm)
vue如何新建一个项目(详细步骤)
8.运行网址,项目成功建好啦!!vue如何新建一个项目(详细步骤)