diff --git a/documentation/static/img/vue.jpeg b/documentation/static/img/vue.jpeg new file mode 100644 index 0000000..727e797 Binary files /dev/null and b/documentation/static/img/vue.jpeg differ diff --git a/documentation/versioned_docs/version-1.9.x/vue-javascript.md b/documentation/versioned_docs/version-1.9.x/vue-javascript.md new file mode 100644 index 0000000..395415c --- /dev/null +++ b/documentation/versioned_docs/version-1.9.x/vue-javascript.md @@ -0,0 +1,75 @@ +--- +id: version-1.9.x-Vue-JS +title: Vue-JS +original_id: Vue-JS +--- +Below are Quicksi Vue-JS starters and dependencies. + +Vue + +[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/AnayoOleru/quicksi/issues) + +## vue-js-webpack +[![HitCount](http://hits.dwyl.com/AnayoOleru/quicksi/ree/master/templates/javascript/react-js/react-js-redux.svg)](http://hits.dwyl.com/AnayoOleru/quicksi/tree/master/templates/javascript/vue-js/vue-js-webpack) + + +Start an AngularJS (1.x) using Webpack (2.x) already setup for you. Complete, yet simple and generic. + +```bash +# starter dependencies + "dependencies": { + "angular": "^1.7.0" + }, + "devDependencies": { + "ajv": "^6.4.0", + "angular-mocks": "^1.7.0", + "autoprefixer": "^8.4.1", + "babel-core": "^6.26.3", + "babel-loader": "^7.1.4", + "babel-preset-es2015": "^6.1.18", + "clean-webpack-plugin": "^2.0.2", + "copy-webpack-plugin": "^4.5.1", + "css-loader": "^0.28.11", + "extract-text-webpack-plugin": "2.0.0-beta.5", + "file-loader": "^1.1.11", + "html-webpack-plugin": "^3.2.0", + "istanbul-instrumenter-loader": "^3.0.1", + "jasmine-core": "^3.1.0", + "karma": "^2.0.2", + "karma-coverage": "^1.0.0", + "karma-jasmine": "^1.0.2", + "karma-phantomjs-launcher": "^1.0.0", + "karma-sourcemap-loader": "^0.3.7", + "karma-spec-reporter": "^0.0.32", + "karma-webpack": "^3.0.0", + "node-libs-browser": "^2.1.0", + "null-loader": "^0.1.1", + "phantomjs-prebuilt": "^2.1.4", + "postcss-loader": "^2.1.5", + "raw-loader": "^0.5.1", + "style-loader": "^0.21.0", + "webpack": "^2.7.0", + "webpack-dev-server": "^2.11.2" + } +``` + +### Features +- No gulp and no grunt, just npm scripts. +- `ES6`, and `ES7` support with babel. +- Source maps included in all builds. +- Development server with live reload. +- Production builds with cache busting. +- Testing environment using karma to run tests and jasmine as the framework. +- Code coverage when tests are run. + + +*View Code Structure* +[View here](https://github.com/AnayoOleru/quicksi/tree/master/templates/javascript/vue-js/vue-js-webpack) + +***starter name*** + +```bash +# starter name + + vue-js-webpack +``` diff --git a/documentation/versioned_sidebars/version-1.9.x-sidebars.json b/documentation/versioned_sidebars/version-1.9.x-sidebars.json index 83f2944..a1b971c 100644 --- a/documentation/versioned_sidebars/version-1.9.x-sidebars.json +++ b/documentation/versioned_sidebars/version-1.9.x-sidebars.json @@ -10,7 +10,8 @@ "version-1.9.x-Node-JS", "version-1.9.x-React-Native-JS", "version-1.9.x-React-Native-JS-Expo", - "version-1.9.x-FullStack-JavaScript" + "version-1.9.x-FullStack-JavaScript", + "version-1.9.x-Vue-JS" ], "TypeScript": [ "version-1.9.x-React-TS", diff --git a/src/index.ts b/src/index.ts index ad31b89..55e24e0 100644 --- a/src/index.ts +++ b/src/index.ts @@ -70,8 +70,12 @@ const ANGULARJS = fs.readdirSync( path.join(__dirname, "templates/javascript/angular-js") ); -// FILE PATH END +// file path for Vue JS +const VUEJS = fs.readdirSync( + path.join(__dirname, "templates/javascript/vue-js") +); +// FILE PATH END // QUESTIONS START @@ -79,7 +83,8 @@ const QUESTIONS: Array = [ { name: "programmingLanguage", type: "list", - message: "Hello, I am Quicksi your personal assistant, what starter would you like to choose", + message: + "Hello, I am Quicksi your personal assistant, what starter would you like to choose", choices: PROGRAMMING_LANGUAGE, when: () => !yargs.argv["programmingLanguage"], }, @@ -114,7 +119,8 @@ const QUESTIONS: Array = [ { name: "javaScriptFrameworkLibrary", type: "list", - message: "Here are the javascript project framework or libraries you can pick from", + message: + "Here are the javascript project framework or libraries you can pick from", choices: JAVASCRIPTFRAMEWORK, when: (answer1: { programmingLanguage: string }) => { return answer1.programmingLanguage === "javascript"; @@ -125,15 +131,15 @@ const QUESTIONS: Array = [ { name: "typescriptFrameworkLibrary", type: "list", - message: "Here are the typescript project framework or libraries you can pick from", + message: + "Here are the typescript project framework or libraries you can pick from", choices: TYPESCRIPTFRAMEWORK, when: (answer2: { programmingLanguage: string }) => { return answer2.programmingLanguage === "typescript"; }, }, - -// tutorial starters START + // tutorial starters START { name: "tutorialStarters", @@ -149,7 +155,8 @@ const QUESTIONS: Array = [ { name: "tutorialInput", type: "input", - message: "I'm so glad you listened to me. Now input the tutorial starter code", + message: + "I'm so glad you listened to me. Now input the tutorial starter code", validate: (value: string) => { const array = TUTORIALSTARTER; @@ -194,7 +201,8 @@ const QUESTIONS: Array = [ { name: "tsStarters", type: "list", - message: "Almost there! Choose the starter you want quicksi to generate for you?", + message: + "Almost there! Choose the starter you want quicksi to generate for you?", choices: REACTTS, when: (answer6: { typescriptFrameworkLibrary: string }) => { return answer6.typescriptFrameworkLibrary === "react-ts"; @@ -204,7 +212,8 @@ const QUESTIONS: Array = [ { name: "tsStarters", type: "list", - message: "Almost ready! Choose the starter you want quicksi to generate for you", + message: + "Almost ready! Choose the starter you want quicksi to generate for you", choices: NODETS, when: (answer6: { typescriptFrameworkLibrary: string }) => { return answer6.typescriptFrameworkLibrary === "node-ts"; @@ -214,7 +223,8 @@ const QUESTIONS: Array = [ { name: "tsStarters", type: "list", - message: "Pretty much done! Choose the starter you want quicksi to generate for you", + message: + "Pretty much done! Choose the starter you want quicksi to generate for you", choices: FULLSTACKTS, when: (answer6: { typescriptFrameworkLibrary: string }) => { return answer6.typescriptFrameworkLibrary === "fullstack-starters"; @@ -224,7 +234,8 @@ const QUESTIONS: Array = [ { name: "tsStarters", type: "list", - message: "So close! Choose the starter you want quicksi to generate for you", + message: + "So close! Choose the starter you want quicksi to generate for you", choices: REACT_NATIVE_EXPO_TS, when: (answer6: { typescriptFrameworkLibrary: string }) => { return answer6.typescriptFrameworkLibrary === "react-native-expo-ts"; @@ -234,7 +245,8 @@ const QUESTIONS: Array = [ { name: "tsStarters", type: "list", - message: "Be ready soon! Choose the starter you want quicksi to generate for you", + message: + "Be ready soon! Choose the starter you want quicksi to generate for you", choices: REACT_NATIVE_CLI_TS, when: (answer6: { typescriptFrameworkLibrary: string }) => { return answer6.typescriptFrameworkLibrary === "react-native-ts"; @@ -245,7 +257,8 @@ const QUESTIONS: Array = [ { name: "jsStarters", type: "list", - message: "Nearly finished! Choose the starter you want quicksi to generate for you", + message: + "Nearly finished! Choose the starter you want quicksi to generate for you", choices: ANGULARJS, when: (answer4: { javaScriptFrameworkLibrary: string }) => { return answer4.javaScriptFrameworkLibrary === "angular-js"; @@ -254,7 +267,17 @@ const QUESTIONS: Array = [ { name: "jsStarters", type: "list", - message: "Nearly finished! Choose the starter you want quicksi to generate for you", + message: "Almost there! Choose the starter you want generated for you", + choices: VUEJS, + when: (answer4: { javaScriptFrameworkLibrary: string }) => { + return answer4.javaScriptFrameworkLibrary === "vue-js"; + }, + }, + { + name: "jsStarters", + type: "list", + message: + "Nearly finished! Choose the starter you want quicksi to generate for you", choices: REACTJS, when: (answer4: { javaScriptFrameworkLibrary: string }) => { return answer4.javaScriptFrameworkLibrary === "react-js"; @@ -275,7 +298,8 @@ const QUESTIONS: Array = [ { name: "jsStarters", type: "list", - message: "So close! Choose the starter you want quicksi to generate for you", + message: + "So close! Choose the starter you want quicksi to generate for you", choices: FULLSTACKJS, when: (answer6: { javaScriptFrameworkLibrary: string }) => { return answer6.javaScriptFrameworkLibrary === "fullstack-starters"; @@ -285,7 +309,8 @@ const QUESTIONS: Array = [ { name: "jsStarters", type: "list", - message: "Pretty much done! Choose the starter you want quicksi to generate for you", + message: + "Pretty much done! Choose the starter you want quicksi to generate for you", choices: REACT_NATIVE_EXPO_JS, when: (answer6: { javaScriptFrameworkLibrary: string }) => { return answer6.javaScriptFrameworkLibrary === "react-native-expo-js";