Vue脚手架

vue-cli

首先确保已安装的node和npm node -v npm -v 其次确保npm镜像地址是淘宝镜像（有梯子除外） npm config get registry 如果结果是：https://registry.npmmirror.com/，则说明是淘宝镜像，否则改成淘宝镜像命令如下： npm config set registry https://registry.npmmirror.com/

再次安装vue-cli,命令如下： npm i -g @vue/cli 查看vue-cli安装版本 vue -V

基于vue-cli创建vue3.0项目

vue create hello-world #项目名称必须是小写英文字母
Manally select features #手动选择分支
Bable   #仅选择bable
choose a version for Vue?     #3.x
where do you  ?      #In dedicated config files 保存到另外文件夹中，既不保存到package.json中（package.json 内容够多了）
Save this as preset     #No   不保存为未来分支

Loading。。。。。。


cd hello-world
npm run serve


#复制网址打开浏览器即可

基于vue-cli vueUI创建项目

非常不建议使用，丢人现眼

基于Vite创建项目

基于vite,不需要安装，只要有node和npm环境即可,但是node版本要在15.0以上

npm init vue

项目目录

vue-project
--.vscode    #配置vscode，没用
--node_modules
--public
--src        #关键，程序员写的代码都在这里
----assets    #项目所需的静态文件，图片，css等
----components    #组建文件夹
----App.vue    #根组件
----main.js
--.gitignore    #git上传时，不要的文件配置
--index.html    #页面，仅包含一个#app
--package.json
--package-lock.json
--README.md
--vite        #vite配置文件