基于安装了node的环境下再进行脚手架搭建项目
在cmd命令行中切换至自己将要建立vue项目的文件中
cd 项目文件路径
然后:
安装脚手架:
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入口文件。