⑴ vue-cil创建项目的每一项是什么意思
Projectname//项目名
Projectdescription//项目描述
Author//作者
Vuebuild肆卖//构建项目
1.运行+编译(官方推荐)//选择第一项
2.仅运行时
Installvue-router?(Y/n)//如果需要路由就Y,不需要就n
UseESLinttolintyourcode?(Y/n)//是否使用ESLint管理代码
SetupunittestswithKarma+Mocha?(Y/n)//是否安装单元测试
Setupe2etestswithNightwatch(Y/n)?//是否安装e2e测试
每一个目录代表的意思:
三人行慕课
|--build//项目构建(webpack)相关代码
||--build.js//生产环境构建代码
||--check-version.js//检查node、npm等版本
||--dev-client.js//热重载相关
||--dev-server.js//构建本地服务器
||--utils.js//构建工具相关
||--webpack.base.conf.js//webpack基础配置
||--webpack.dev.conf.js//webpack开发环境配置
||--webpack.prod.conf.js//webpack生产环境配置
|--config//项目开发环境配置
||--dev.env.js//开发环境变量
||--index.js//项目一些配置变量
||--prod.env.js//生产环境变量
||--test.env.js//测试环境变量
|--src含雹粗//源码目录
||--components//vue公共组件
||--store//vuex的状态管理
||--App.vue//页面入口文件
||--main.js//程序入口文件,加载各种公共组件
|--static//静态文件,比如一些图片,json数据等
||--data//群聊分析得到的数据用于数据可视化
|--.babelrc//ES6语法编译配置,里面有一些插件,这些插件的作用是代码的转换
|--.editorconfig//编译器的配置,定义代码格式
|--.eslintignore//忽略语法检查的目录文件
|--.eslintrc.js//编译规则配置文件,规则定制文件,规则编译不过的时候可以在这里配置为0
|--.gitignore//git上传需要忽略的文件格式,
|--favicon.ico//link图标
|--.postcssrc.js
|--index.html//入口页面
|--package.json谈镇//项目基本信息如:可以配置script脚本^上箭头代表可以安装当前版本及以上的版本
|--README.md//项目说明
⑵ javascript用什么开发工具
JavaScript自推出后就大受开发者的青睐,基于JavaScript的开发工具(这里包含大量的JS开发资源,包括前端、框架、通用类等)不计其数,开发者们可以灵活选择,轻松构建应用。本文分享十款JavaScript开发工具
1. Kreate
这款工具有助于对 jQuery对象快速生成DOM。你可以创建单个或多个元素。
2. Night Watch js
Nightwatchjs拥有一个简洁而强大的语法,能够允许你快速编写测试。它是专用于浏览器应用和网站的一款端到端的测试解决方案。
3. Gulpjs
Gulp是比较火的开源项目,配置更简洁、更直观,受到很多开发者的青睐。
4. Easy Starjs
Easystarjs是利用 JavaScript API编写的,常用语构建HTML5游戏。开发者可以将其与现有的JS框架搭配使用。
5. Headroom.js
Headroom.js 是一款轻量级、高性能的JS组件(无依赖性)。
6. Harpjs
Harp是一款快速的、轻量级的Web服务器。Harp serves Jade,Markdown,EJS,CoffeeScript, Sass, LESS以及Stylus as HTML、CSS & JavaScrip均可轻松配置。
7. Gantt Twproject
Twoproject是一款在线免费的JS开发工具,基于jquery创建而来,拥有强大迷人的特性,包括CSS皮肤样式、资源编辑等。
8. Mocha
Mocha是一款功能丰富的JavaScript测试框架,可基于node.js及浏览器运行,它使异步测试变得更为简单有趣,支持灵活且准确的输出,捕捉异常现象。
9. Responsive Nav
Responsive Nav是一款轻量级的插件,帮助你为小屏幕创建连接导航。支持为移动设备创建触摸交互设计以及CSS转换等特性。
10. File API
⑶ vuejs怎么在服务器部署
.
├── build/ # webpack config files
│ └── ...
├── config/
│ ├── index.js # main project config
│ └── ...
├── src/
│ ├── main.js # app entry file
│ ├── App.vue # main app component
│ ├── components/ # ui components
│ │ └── ...
│ └── assets/ # mole assets (processed by webpack)
│ └── ...
├── static/ # pure static assets (directly copied)
├── test/
│ └── unit/ # unit tests
│ │ ├── specs/ # test spec files
│ │ ├── index.js # test build entry file
│ │ └── karma.conf.js # test runner config file
│ └── e2e/ # e2e tests
│ │ ├── specs/ # test spec files
│ │ ├── custom-assertions/ # custom assertions for e2e tests
│ │ ├── runner.js # test runner script
│ │ └── nightwatch.conf.js # test runner config file
├── .babelrc # babel config
├── .editorconfig.js # editor config
├── .eslintrc.js # eslint config
├── index.html # index.html template
└── package.json # build scripts and dependencies