通过Vue cli （version4.x）构建 HelloWorld

最新推荐文章于 2025-12-02 10:39:21 发布

原创最新推荐文章于 2025-12-02 10:39:21 发布 · 340 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

本文记录了使用VueCLI创建名为vue-demo的项目的过程，包括选择默认配置、安装依赖和启动本地服务。在完成项目创建后，通过运行`npm run serve`启动本地服务器，并在浏览器中访问localhost:8080查看结果。

1.在工程目录执行 vue create 【工程名称】

ufo@UPC:~/workspace/vue_basic$ vue create vue-demo


Vue CLI v4.5.15
? Please pick a preset: Default ([Vue 2] babel, eslint)


Vue CLI v4.5.15
✨  Creating project in /home/ufo/workspace/vue_basic/vue-demo.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...


> yorkie@2.0.0 install /home/ufo/workspace/vue_basic/vue-demo/node_modules/yorkie
> node bin/install.js

setting up Git hooks
done


> core-js@3.20.0 postinstall /home/ufo/workspace/vue_basic/vue-demo/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"


> ejs@2.7.4 postinstall /home/ufo/workspace/vue_basic/vue-demo/node_modules/ejs
> node ./postinstall.js

added 1265 packages from 656 contributors in 62.782s

84 packages are looking for funding
  run `npm fund` for details

🚀  Invoking generators...
📦  Installing additional dependencies...

added 53 packages from 36 contributors in 7.777s

89 packages are looking for funding
  run `npm fund` for details

⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project vue-demo.
👉  Get started with the following commands:

 $ cd vue-demo
 $ npm run serve

 WARN  Skipped git commit due to missing username and email in git config, or failed to sign commit.
You will need to perform the initial commit yourself.

ufo@UPC:~/workspace/vue_basic$

2.cd ...进工程目录