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配置文件