初始化vue项目

Posted 2023-03-09

参考技术A 一、安装配置环境

二、初始化vue项目有两种途径
第一种： 使用vue-cli快速搭建脚手架
第二种： vue-init初始化项目

先聊一下第一种方式：全局安装 vue-cli

如图安装成功后开始初始化项目，
执行 vue init webpack myblog，点击enter键，直至新建项目完成。
myblog为项目名，可自定义，注意不能包含大写字母

至此使用脚手架初始化vue项目完成～～～
可使用 cnpm install 安装项目依赖 会生成一个node_modules文件夹
然后npm run dev 启动项目

第二种方式：vue-init初始化项目

init初始化
vue init my-project

init初始化的项目，需要用什么组件需要自己安装配置，
如需要路由组件 需要npm install vue-router --save安装，
然后在package.json中配置。