安装vue-----log(2020-1-15 13:19:34)

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:05)
(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

wait for retry

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值