Vue-cli搭建项目

Vue-cli搭建项目

1、安装vue-cli和原型工具

创建一个空的文件夹，然后在这个目录下执行以下命令

// 全局安装vue-cli
npm install -g @vue/cli@3.0.1
// 仅有vue-cli还不够，还需要安装它的一个原型工具
npm install -g @vue/cli-service-global@3.0.1

注意：版本号要保持一致，不然会有莫名其妙的错误

2、创建新项目vue-project

vue create vue-project

有一些询问直接回车即可，创建好的目录如图所示：

public文件夹是默认生成的，这个文件主要用来放置一些公共资源。favicon.ico是项目图标，index.html是项目初始页面。

src里面：

assets是一些静态资源，如项目中的图片、js资源、css资源。

components存放项目的一些公共组件。

main.js是项目的入口文件。

package.son包含各种版本信息，启动方式等

npm run serve即可启动项目