Vue脚手架安装以及搭建项目

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/hu_Time/article/details/102676216

基于安装了node的环境下再进行脚手架搭建项目

安装脚手架：

npm install -g vue-cli

测试脚手架是否安装成功：

vue --version

创建新项目：

vue init webpack vue-project

project name ：
项目名称

project description：
项目描述

author：
创建人

install vue-rotuer：
选择是否要安装 路由管理器

Use ESLint to lint your code:
选择是否要安装 ESLint管理代码工具

Set up unit tests:
选择是否要安装 单元测试工具库

Setup e2e tests with Nightwatch:
选择是否要安装 E2E测试工具

选择使用 NPM 直接回车

输入命令进入项目目录,
cd 项目名称

运行项目：

npm run dev

安装依赖文件：

npm install 

目录介绍：

---

bulid

里面是一些操作文件，使用npm run * 时其实执行的就是这里的文件。

config

配置文件，执行文件需要的配置信息。

src

资源文件，所有的组件以及所用的图片都是在这个文件夹下放着。简单看一下这个文件夹下都放了哪些东西。

assets

资源文件夹，放图片之类的资源，

components

组件文件夹，写的所有组件都放在这个文件夹下，

router

路由文件夹，这个决定了页面的跳转规则，

App.vue

应用组件，所有自己写的组件，都是在这个组件之上运行了。

main.js

webpack入口文件。