vue入门之项目新建(2)

1,033 阅读1分钟

注意: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的代码调试工具,根据个人爱好自行选择即可。

==================================================================

至此,项目结构搭建结束,如下图所示