1.cnpm install --global vue-cli //全局安装 vue-cli是vue.js脚手架,快速创建vue项目
2.vue init webpack project-name //创建基于webpack模板的新项目
Project name (vuetest) 项目名称,小写
Project description (A Vue.js project) 项目描述
Author 作者
Runtime + Compiler: recommended for most users 运行+编译
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时
Install vue-router? (Y/n) 官方路由
Use ESLint to lint your code? (Y/n) 代码风格管理工具,统一代码风格
Setup unit tests with Karma + Mocha? (Y/n) 安装单元测试
Setup e2e tests with Nightwatch(Y/n)? 安装e2e测试
3.进入项目目录
4.cnpm install //安装依赖mok
5.启动 cnpm run dev
目录:
1.build:最终发布代码的存放位置,操作文件
2.config:配置目录
3.node_modules:项目依赖模块
4.src:开发目录
1)assets:静态资源目录
2)components:存放组件
3)App.vue:项目入口文件
4)main.js:项目核心文件,webpack入口文件
5)router:路由文件夹,决定路由跳转规则
5.static:静态资源
6.index.html:首页入口文件
7.package.json:项目配置文件