注意:mac下安装,执行命令时需在命令行前面上sudo,用来获取权限,提示输入mac密码,自行输入回车即可
搭建vue项目步骤
一、命令行创建
vue create create-vue-app-in-2019
喜欢敲命令行的同学,输入上方命令,根据终端命令窗口的英文提示,选择自己的项目配置即可。本人较为懒惰,更喜欢可视化的创建,不喜勿喷。
二、可视化创建(需要vue-cli3.0版本以上)
1.通过命令创建项目所在文件夹并进入
(1).mkdir projects
(2).cd projects
(3).vue ui
下图即为创建项目的可视化操作界面
2.选择配置,并创建项目
3.点击创建项目,loading.....
创建项目成功,这个友好的界面,可用来对项目的各种属性进行管控。
注:有右上角的devtools,是官方浏览器插件,用于调试 Vue.js 应用。你可以检查组件、vuex store 和事件等,建议安装。当然也有其他的vue的代码调试工具,根据个人爱好自行选择即可。
==================================================================
至此,项目结构搭建结束,如下图所示