文章目录
url:安装Vue
npm install --global vue-cli
url:镜像更换
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
retry(2020-1-15 13:51:02)
npm install -g webpack
vue init webpack myVue
注:安装过程 中有个选项(Use ESLint to line your code ?选择 No )
retry(2020-1-15 14:59:51)
这里需要学习如何使用.
url:粗糙的解释-粗糙效仿
效仿.(2020-1-15 15:12:19)
E:\AllProjects\cmdProjects>vue init webpack myVue
? Project name myvue
? Project description
? Author learning <710277006@qq.com>
? Vue build
> Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
vue-cli · Generated "myVue".
# Installing project dependencies ...
不重要的详细信息
# 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 core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
> core-js@2.6.11 postinstall E:\AllProjects\cmdProjects\myVue\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"
Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock
Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
> ejs@2.7.4 postinstall E:\AllProjects\cmdProjects\myVue\node_modules\ejs
> node ./postinstall.js
Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)
> uglifyjs-webpack-plugin@0.4.6 postinstall E:\AllProjects\cmdProjects\myVue\node_modules\webpack\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN ajv-keywords@3.4.1 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1218 packages from 669 contributors in 39.864s
完成后提示信息
22 packages are looking for funding
run `npm fund` for details
# Project initialization finished!
# ========================
To get started:
cd myVue
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
初始化完成后的vue项目目录如下:
add(2020-1-15 15:16:50)
E:\AllProjects\cmdProjects\myVue>dir
驱动器 E 中的卷是 Individual
卷的序列号是 A5EB-573A
E:\AllProjects\cmdProjects\myVue 的目录
2020/01/15 15:12 <DIR> .
2020/01/15 15:12 <DIR> ..
2020/01/15 15:11 230 .babelrc
2020/01/15 15:11 147 .editorconfig
2020/01/15 15:11 154 .gitignore
2020/01/15 15:11 246 .postcssrc.js
2020/01/15 15:11 <DIR> build
2020/01/15 15:11 <DIR> config
2020/01/15 15:11 267 index.html
2020/01/15 15:12 <DIR> node_modules
2020/01/15 15:12 432,978 package-lock.json
2020/01/15 15:11 1,746 package.json
2020/01/15 15:11 446 README.md
2020/01/15 15:11 <DIR> src
2020/01/15 15:11 <DIR> static
8 个文件 436,214 字节
7 个目录 15,858,671,616 可用字节
允许防火墙访问.
E:\AllProjects\cmdProjects\myVue>npm run dev
> myvue@1.0.0 dev E:\AllProjects\cmdProjects\myVue
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
13% building modules 25/31 modules 6 active ...rojects\cmdProjects\myVue\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
95% emitting
DONE Compiled successfully in 2602ms 15:18:25
I Your application is running here: http://localhost:8080
应该不可以关闭该窗口.打开浏览器访问上述网址.
效果如下
(2020-1-15 15:22:09)
算完成了.
retry-end(2020-1-15 15:22:22)
success(2020-1-15 15:22:31)
url:可以以不同方式创建?
wait for try(2020-1-15 15:08:37)
Q:what is webpack?
go on
(2020-1-15 13:53:53)
url:停止npm执行
(2020-1-15 13:43:59)
为什么一开始不行.
ctrl+c