创建之前需要Node.js
的加持,前往https://nodejs.org下载。
安装完node之后,在命令行窗口输入node -v
查看版本信息。如显示版本信息即安装成功!
node自带npm包管理工具,使用npm来安装创建vue项目。
这里使用vsCode
来创建。
创建项目
1.打开vscode
选择或创建一个新的空文件夹。
2.在顶部导航找到终端
选项卡,点击新建终端
。
3.使用npm
命令下载vue脚手架
包全局安装到本地。在终端输入以下命令。
npm i @vue/cli -S
//-S 为记录到package.json中,方便重构下载
4.下载完成后命令行输入vue -v
弹出帮助指令即为成功安装。
5.在你选择或者创建的目录下,在终端输入vue create webapp
进入创建选项。
6.终端显示你要创建vue2还是vue3的项目,按键盘上下键
选择,按下回车键
确认。
7.看到如下图所示说明你的vue项目创建成功。
启动项目
1.在终端输入cd webapp
进入项目目录。
2.输入npm run serve
启动项目。看到下图所示就启动成功了!
3.进入本地网址查看你的项目。
4.回到终端按ctrl+c
停止项目。
1 条评论
这篇文章如同一幅色彩斑斓的画卷,每一笔都充满了独特的创意。