当前位置:   article > 正文

vuejs的入门<1>创建项目_创建vue.js

创建vue.js

vuejs的入门<1>

C:\Users\z>d:

D:>cd D:\Bootstrap\2 进入已创建的目标文件夹创建项目

D:\Bootstrap\2>npm init vue@latest
Need to install the following packages:
create-vue@3.7.5
Ok to proceed? (y) y 可以选no

Vue.js - The Progressive JavaScript Framework

√ Project name: … aaa
√ Add TypeScript? … No / Yes
√ Add JSX Support? … No / Yes
√ Add Vue Router for Single Page Application development? … No / Yes
√ Add Pinia for state management? … No / Yes
√ Add Vitest for Unit Testing? … No / Yes
√ Add an End-to-End Testing Solution? » No
√ Add ESLint for code quality? … No / Yes

Scaffolding project in D:\Bootstrap\2\aaa… aaa是项目名

Done. Now run:

cd aaa 进入刚创建的项目aaa 复制到ccmd ctrl +c是cmd的复制键 ctrl +v粘贴
npm install 复制到ccmd 有点慢
npm run dev 复制到ccmd

看到这项目运行成功了
VITE v4.4.9 ready in 1016 ms

➜ Local: http://localhost:5173/ 把http://localhost:5173/ 复制的浏览器
➜ Network: use --host to expose
➜ press h to show help

在这里插入图片描述

第二种方法创建项目 看:https://www.runoob.com/vue3/vue3-create-project.html

C:\Users\zddd>d:

D:>cd D:\Bootstrap\2

D:\Bootstrap\2>vue create vue3-app 语法格式 vue create [options]

Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 3] babel, eslint)

Vue CLI v5.0.8
✨ Creating project in D:\Bootstrap\2\runoob-vue3-app.

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/在线问答5/article/detail/1000275
推荐阅读
相关标签