《VUE电商项目PC前台》之一开启项目开发

最新推荐文章于 2024-07-08 19:57:58 发布

skyniz

最新推荐文章于 2024-07-08 19:57:58 发布

阅读量354

点赞数

分类专栏： VUE电商项目PC前台文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/skyniz/article/details/126691004

版权

本文详细介绍了如何使用Vue CLI 3快速搭建一个电商项目的前端，从创建项目到项目结构分析，再到编码测试和打包发布的过程，帮助开发者快速入门Vue.js前端开发。

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

使用Vue CLI 3(脚手架)搭建项目

Vue CLI是vue官方提供的用于搭建基于vue+webpack+es6项目的脚手架工具

操作：

# 使用vue-cli3
npm install -g @vue/cli
vue create shop-client
cd shop-client
npm run serve


# 降级到vue-cli2
npm install -g @vue/cli-init
vue init webpack gshop-client2
cd shop-client
npm run dev

项目结构分析

shop-client
	|-- node_modules
	|-- public
       |-- index.html: 主页面文件
	|-- src
	   |-- main.js: 应用入口js
	|-- babel.config.js: babel的配置文件
	|-- vue.config.js: vue的配置文件
	|-- .gitignore: git版本管制忽略的配置
	|-- package.json: 应用包配置文件 
	|-- README.md: 应用描述说明的readme文件