搭建运行环境
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的浏览器开发插件