vue脚手架安装

我们想要完成前端工程化,可以使用脚手架来进行搭建项目，如何构建一个前端工程话的Vue项目呢？

可以创建脚手架来完成构建,下面我会来讲如何构。

一.下载node环境

1.在node官网下载node.js

下载 | Node.js 中文网 (nodejs.cn)             

2. 选择对应的版本不建议太高的版本

3.查看

按住window按键加R，输入cmd打开窗口,输入

node -v

查看版本,如果有X.X.X出现,说明已经安装成功。

4.这个时候我们就可以在电脑上安装脚手架环境了

npm install -g @vue/cli

下载完成后,我们就可以创建项目了

5.创建项目

Vue Create demo

demo是项目的名称

6.下载完后的项目目录

7.简单介绍下目录的作用

1.node_modules:包存放的位置

2.public：打包后文件存放的位置

3.src/assets:存放一些静态资源,静态图片

4.components：组件存放的位置

5.APP.vue：主页面

6.Main.js:主方法的入口

7.package.json:一些包的信息

8.vue.configs.js:配置文件存放的位置