网站后台版权,网站建设 pdf,网站怎么做口碑,logo图片大全简单上一篇#xff1a; node的安装与配置
https://blog.csdn.net/m0_67930426/article/details/134562278?spm1001.2014.3001.5502
目录 一.创建空文件夹专门存放vue项目
二. 查看node , npm 和vue脚手架的版本
三.安装vue脚手架
四.创建vue项目
五.运行项目 一.创建空文件…上一篇 node的安装与配置
https://blog.csdn.net/m0_67930426/article/details/134562278?spm1001.2014.3001.5502
目录 一.创建空文件夹专门存放vue项目
二. 查看node , npm 和vue脚手架的版本
三.安装vue脚手架
四.创建vue项目
五.运行项目 一.创建空文件夹专门存放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等编译工具打开该项目运行都可