搭建运行环境
1.浏览器安装vue开发者插件(非必选)
2.安装node.js(含npm包管理器)

3.安装vue-cli
npm install -g @vue/cli
查看是否安装成功

创建项目脚手架
1.命令行创建(推荐配合vscode)
vue create hello-world
2.图形化界面创建
vue ui
脚手架文件结果说明


注意以上两种方式都需要在要创建项目的文件夹下cmd
创建成功!

vscode开发
使用vscode打开前面创建的项目脚手架

修改HelloWorld组件,在vscode输入终端输入npm run serve,可以启动服务

访问结果

按ctrl+c可选择终止访问服务
vue的浏览器开发插件


这篇博客介绍了如何搭建Vue.js的开发环境,包括安装Vue CLI和创建项目脚手架。通过命令行或图形界面创建项目,并在VSCode中进行开发。启动服务后,可以访问并测试Vue应用。此外,还提到了Vue的浏览器开发插件。
1214

被折叠的 条评论
为什么被折叠?



