搭建vue开发环境
C:Users16335>node -v v10.16.0 C:Users16335>vue-cli 'vue-cli' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 C:Users16335>npm install vue npm WARN saveError ENOENT: no such file or directory, open 'C:Users16335package.json' npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN enoent ENOENT: no such file or directory, open 'C:Users16335package.json' npm WARN 16335 No description npm WARN 16335 No repository field. npm WARN 16335 No README data npm WARN 16335 No license field. + vue@2.6.10 added 1 package from 1 contributor and audited 1 package in 6.154s found 0 vulnerabilities C:Users16335>vue -version 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 C:Users16335>vue 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 C:Users16335>npm uninstall vue npm WARN saveError ENOENT: no such file or directory, open 'C:Users16335package.json' npm WARN enoent ENOENT: no such file or directory, open 'C:Users16335package.json' npm WARN 16335 No description npm WARN 16335 No repository field. npm WARN 16335 No README data npm WARN 16335 No license field. removed 1 package in 1.821s found 0 vulnerabilities C:Users16335>npm install --global vue-cli npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) C:Users16335AppDataRoaming pmvue -> C:Users16335AppDataRoaming pm ode_modulesvue-cliinvue C:Users16335AppDataRoaming pmvue-init -> C:Users16335AppDataRoaming pm ode_modulesvue-cliinvue-init C:Users16335AppDataRoaming pmvue-list -> C:Users16335AppDataRoaming pm ode_modulesvue-cliinvue-list + vue-cli@2.9.6 added 241 packages from 206 contributors in 105.877s C:Users16335>vue Usage: vue <command> [options] Options: -V, --version output the version number -h, --help output usage information Commands: init generate a new project from a template list list available official templates build prototype a new project create (for v3 warning only) help [cmd] display help for [cmd] C:Users16335>vue -v error: unknown option `-v' C:Users16335>vue -V 2.9.6 C:Users16335>D: D:>vue init webpack Vue_first 'git' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ��� ? Project name vue-first ? Project description A Vue.js project ? Author Sufeng ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Set up unit tests Yes ? Pick a test runner jest ? Setup e2e tests with Nightwatch? Yes ? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli · Generated "Vue_first". # Installing project dependencies ... # ======================== npm WARN deprecated extract-text-webpack-plugin@3.0.2: Deprecated. Please use https://github.com/webpack-contrib/mini-css-extract-plugin npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features! npm WARN deprecated json3@3.3.2: Please use the native JSON object instead of JSON 3 npm WARN deprecated flatten@1.0.2: I wrote this module a very long time ago; you should use something else. npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated circular-json@0.3.3: CircularJSON is in maintenance only, flatted is its successor. npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0 npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() > chromedriver@2.46.0 install D:Vue_first ode_moduleschromedriver > node install.js Current existing ChromeDriver binary is unavailable, proceding with download and extraction. Downloading from file: https://chromedriver.storage.googleapis.com/2.46/chromedriver_win32.zip Saving to file: C:Users16335AppDataLocalTemp2.46chromedriverchromedriver_win32.zip 终止批处理操作吗(Y/N)? y D:>cd vue_first D:Vue_first>npm install npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself. audited 32205 packages in 9.077s found 84 vulnerabilities (65 low, 7 moderate, 11 high, 1 critical) run `npm audit fix` to fix them, or `npm audit` for details D:Vue_first>npm run dev > vue-first@1.0.0 dev D:Vue_first > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 12% building modules 23/31 modules 8 active ...late&index=0!D:Vue_firstsrcApp.vue{ parser: "babylon" 95% emitting DONE Compiled successfully in 4038ms 1:19:39 PM I Your application is running here: http://localhost:8080
运行效果：
代码结构
