vue脚手架

最新推荐文章于 2024-09-30 16:19:08 发布

人间丶

最新推荐文章于 2024-09-30 16:19:08 发布

阅读量269

点赞数

文章标签： vue.js javascript npm

本文链接：https://blog.csdn.net/qq_53579100/article/details/125979205

版权

本文详细介绍了如何从零开始搭建Vue.js项目，包括通过Node.js和Vue CLI创建项目，检查安装是否成功，以及启动项目进行预览。同时，解析了Vue项目的目录结构，重点关注了`src`目录下的关键文件如`App.vue`、`main.js`等，这些是构建应用的核心。此外，还概述了Vue的基础组件结构。

摘要由CSDN通过智能技术生成

1.安装

（1）node官网下载node.js

（2）win+r打开命令控制台输入 npm config set registry(配置淘宝镜像)

（3）运行npm i @vue/cli -g(安装vue脚手架)

(4) vue -version 查看是否成功

2.创建vue项目

（1）cd / 进入根目录

（2）vue create myvue

（3）箭头选择vue2版本

（4）cd myvue 切换到项目目录

（5）npm run serve 运行项目

浏览器复制local地址即可查看运行的dom页面

3.项目结构

（1）打开编辑器项目结构如下：

node_modules 插件安装目录

public 公用文件和模板目录

src 源文件目录（较重要）

.gitignore 上传到服务忽略配置

bable.config.js ES6转ES5配置

jsconfig.json js配置

package-lock.json 插件安装地址缓存（较重要）

README.md 项目说明文件

vue.config.js vue项目配置文件