vue2-006——使用脚手架搭建vue2项目+项目结构分析

2026/8/3 4:30:10 拓冰建站浏览量

一、创建项目：vue create 项目名

D:\EnyiWang\Documents\myStudy\vue>vue create vue_testVue CLI v5.0.8
? Please pick a preset: Default ([Vue 2] babel, eslint)Vue CLI v5.0.8
✨  Creating project in D:\EnyiWang\Documents\myStudy\vue\vue_test.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...added 866 packages in 3m
npm notice
npm notice New major version of npm available! 8.19.3 -> 10.2.4
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.2.4
npm notice Run npm install -g npm@10.2.4 to update!
npm notice
🚀  Invoking generators...
📦  Installing additional dependencies...added 94 packages in 2m
⚓  Running completion hooks...📄  Generating README.md...🎉  Successfully created project vue_test.
👉  Get started with the following commands:$ cd vue_test$ npm run serve

二、运行项目：cd 项目名、 npm run serve

D:\EnyiWang\Documents\myStudy\vue>cd vue_testD:\EnyiWang\Documents\myStudy\vue\vue_test>npm run serve> vue_test@0.1.0 serve
> vue-cli-service serveINFO  Starting development server...DONE  Compiled successfully in 7183ms                                                                                                                                               22:00:04App running at:- Local:   http://localhost:8080/- Network: http://192.168.22.88:8080/Note that the development build is not optimized.To create a production build, run npm run build.