vue项目的创建及目录介绍

目录

 

一、vue项目的创建

1.1、全局安装@vue/cli

1.2、创建vue项目

二、项目启动

三、vue项目目录介绍

---

一、vue项目的创建

1.1、全局安装@vue/cli

cnpm install -g @vue/cli

1.2、创建vue项目

创建项目时，项目名称不能有大写字母，多个单词可以使用"_"做连接。

vue create item_name

然后选择第3个，自定义项目

使用上下键和空格键选择第1、3个。这里一定要取消 "Linter / Formatter" 的勾选，因为它是代码规范化，多一个空格少一个空格都肯能会导致报错，这很影响我们的学习与开发。

选择vue项目的版本。

选择配置文件存放位置，这里选择默认就行。

是否保存当前选项作为下次项目的预设置？选择"n"不保存。

等待项目创建。

二、项目启动

2.1、进入项目文件。cd + 项目名。

cd item_name

2.2、启动项目。

npm run serve
或
npm run dev

项目运行成功。

三、vue项目目录介绍