文章目录
前端项目初始化步骤
1. 安装vue脚手架
先安装nodejs,配置环境,然后安装合适版本的vue-cli,这在学习vue基础时应该已经都安装好了
2. 通过vue脚手架创建项目
3. 配置vue路由
有两种方法,一种是直接在命令提示符里面操作,一种是在浏览器中可视化地创建vue项目
以管理员身份打开命令提示符后切换路径的方法
在电脑导航栏找到搜索,输入命令提示符,选择以管理员身份打开,输入d:
去往D盘,输入cd 空格 +路径,比如:cd D:\前端学习路程\Vue
-
方法一:
直接输入命令vue create 文件名:
vue create vue_test
-
方法二:
-
以管理员打开命令提示符并选择好文件路径,输入
vue ui
自动打开浏览器,记得不要关闭哦,不然浏览器会显示未连接导致无法操作,不小心关闭了的话,按照打开的顺序,重新打开一次就行
-
开始创建项目,输入项目文件夹名,初始化git仓库,其他默认即可,点击下一步
-
选择手动创建项目或者是自动创建
前两个选项是自动创建项目,自主选择Vue3或是Vue2
- 如果选择了手动创建,那么点击下一步会出现以下页面,默认选择了Babel和Linter/Formatter,需要自己选择打开Router,使用配置文件两个选项,点击下一步,弹幕中有人说不要下载ESlint,其实下载了也没有关系,可以在
vue.config.js
文件夹中使用lintOnSave:false, //关闭语法检查
- 选择
2x
,ESLint+Standard config
,其他默认,点击创建项目,等待一会儿,项目创建成功