vue3.0如何创建一个项目

作者: 回不去的那些时光 | 来源:发表于2018-11-22 22:20 被阅读30次

安装vue环境

想要学习首先需要安装vue环境

npm install -g @vue/cli
# OR
yarn global add @vue/cli

然后运行

vue --version

这样你安装了vue cli3

创建一个vue项目

vue create vue-learn

你会被提示选取一个 preset，我们暂时选择默认配置babel+eslint，按回车，然后就开始下载项目配置了。等配置下载完毕，你就得到了一个vue3.0的项目。

项目目录说明

image.png

这个就是刚才我们创建项目的截图，
1、其中node_modules是npm下载下来的包的
2、public目录放着入口文件index.html和项目图标
3、src目录是最重要的目录，里面放着关于我们后面学习的大部分文件
4、babel.config.js文件babel的配置文件
5、package.json文件是npm的配置文件
6、README.md文件是用来介绍项目的