vue学习-vue-cli4下载创建项目与目录结构简介
vue学习-vue-cli4下载创建项目与目录结构简介
一、安装：
官网安装链接：https://cli.vuejs.org/zh/guide/installation.html
安装步骤：
1.使用wondow窗口命令，执行cmd打开窗口，执行：npm install -g @vue/cli代码回车（必须保持网络非常好的环境下执行该命令）
2.查看是否安装成功：执行vue --version命令，得到下载的Vue版本号
二、创建项目：
官网创建教程链接：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
创建步骤：
1.在Terminal命令界面输入vue create day01cli（day01cli为项目名称）创建名为day01cli的项目
2.后面一直回车，直到出现
$ cd day01cli -----》切换到咱们创建的目录
$ npm run serve ------》运行该项目
两条指令，再分别执行该两条指令
3、直到出现两个地址链接，这个为项目创建成功的默认页面地址
这样子就创建完成了！在你的文件目录上面就会有该项目了
- day01cli:项目名称
- node_modules:第三方依赖
- public:公共资源
- src:源码
- assets：静态资源，css、img、js、font等
- compoments：组件，一般自定义组件
- App.vue：首页组件（默认组件）
- main.js：入口文件
- .gitignore：配置git忽略的文件或者文件夹
- babel.config.js：使用一些预设
- package.json：项目描述既依赖
- package-lock.json：版本管理使用的文件
- README.md：项目描述