vue脚手架安装

我们想要完成前端工程化,可以利用脚手架来举行搭建项目，如何构建一个前端工程话的Vue项目呢？
可以创建脚手架来完成构建,下面我会来讲如何构。

一.下载node环境

1.在node官网下载node.js

下载 | Node.js 中文网 (nodejs.cn)             
2. 选择对应的版本不建议太高的版本

3.查看

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

1. node -v

复制代码

查看版本,如果有X.X.X出现,说明已经安装成功。
4.这个时间我们就可以在电脑上安装脚手架环境了

1. npm install -g @vue/cli

复制代码

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

1. 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:设置文件存放的位置

              

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。