【Vue】使用cmd命令创建vue项目
上一篇: node的安装与配置
https://blog.csdn.net/m0_67930426/article/details/134562278?spm=1001.2014.3001.5502
目录
一.创建空文件夹专门存放vue项目
这一步骤不是必须的,主要是将创建好的项目放在一起,便于查找
例如我在D盘创建了一个文件夹并命名Vue ( 文件夹命名随意)
二. 查看node , npm 和vue脚手架的版本
打开cmd ,最好是以管理员的身份打开cmd
查看node , npm 和vue脚手架的版本
确保这三者都有版本号输出,
输入node -v 或者 npm -v 出现不是内部命令或者外部命令一般是没安装node或者node没有
配置环境变量
输入 vue -Vue出现不是内部命令也不是外部命令,那就是没安装vue脚手架
三.安装vue脚手架
vue脚手架安装:
npm install -g @vue/cli
等待安装
四.创建vue项目
首先切换到创建好的空文件夹目录下
如果文件夹存放在D盘,在cmd输入D: 先进入D盘
我的文件夹是放在D盘中,名为Vue
然后再切换到Vue文件夹的目录下
然后再使用vue命令创建项目
格式: vue create 项目名
第一项和第二项是默认方式创建vue项目
第三项是手动创建项目
可以根据键盘的上下键进行选择,我选择第三项手动创建
点击回车
然后进入这一个选择步骤,使用键盘的上下键进行上下移动,空格键表示选中
然后点击回车
选择vue框架,如果你做的项目是2点几的就选择2点几,三点几就选择三点几
这里我选择了2.x 并回车
这一步是让你选择是否安装历史的路由,看自己的需求吧
我这里没啥需求,所以输入了 y,并回车
这一步骤是让你选择Eslint的语法版本
ESLint with error prevention only // 仅错误预防
ESLint + Airbnb config // Airbnb配置
ESLint + Standard config // 标准配置
ESLint + Prettier // 附带Prettier
这里我选择了标准配置
点击 回车键
第一个选项是创建单独的配置文件,第二个选项是把这些配置文件都放到package.json中
看自己的选择
是否保存上述步骤
输入N即可
等待安装,需要很长的时间
到此创建完毕
五.运行项目
切换到该项目的目录下
输入 npm run serve
从idea还是vscode等编译工具打开该项目运行都可