欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-01-21 10:47:10
...

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 <aaa@qq.com.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-aaa@qq.com.0.2: Deprecated. Please use https://github.com/webpack-contrib/mini-css-extract-plugin
npm WARN deprecated aaa@qq.com.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated bfj-aaa@qq.com.3.1: Switch to the `bfj` package for fixes and new features!
npm WARN deprecated core-aaa@qq.com.6.11: core-aaa@qq.com<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-aaa@qq.com.
npm WARN deprecated aaa@qq.com.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.

> core-aaa@qq.com.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 -)


> aaa@qq.com.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-aaa@qq.com.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-aaa@qq.com.4.1 requires a peer of aaa@qq.com^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: aaa@qq.com.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for aaa@qq.com.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

> aaa@qq.com.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
 

应该不可以关闭该窗口.打开浏览器访问上述网址.

效果如下

安装vue-----log(2020-1-15 13:19:34)
(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

相关标签: log