如何安装vue-router并构建开发版

最新推荐文章于 2024-06-28 16:15:37 发布

翱翔天地

最新推荐文章于 2024-06-28 16:15:37 发布

阅读量1.1k

点赞数

分类专栏： Vue.js 文章标签： Vue.js vue-router

本文链接：https://blog.csdn.net/you23hai45/article/details/79680544

版权

Vue.js 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

1、安装vue-router

C:\Users\Administrator.USER-0GUONPPBHK>npm install vue-router
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\Administrat
or.USER-0GUONPPBHK\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\Administrator.
USER-0GUONPPBHK\package.json'
npm WARN Administrator.USER-0GUONPPBHK No description
npm WARN Administrator.USER-0GUONPPBHK No repository field.
npm WARN Administrator.USER-0GUONPPBHK No README data
npm WARN Administrator.USER-0GUONPPBHK No license field.

+ vue-router@3.0.1
added 1 package and removed 1 package in 1.997s

C:\Users\Administrator.USER-0GUONPPBHK>cnpm install vue-router
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (1 packages installed from npm registry, used 488ms, s
peed 261.65kB/s, json 1(65.8kB), tarball 61.88kB)

2、克隆vue-router

C:\Users\Administrator.USER-0GUONPPBHK>cnpm install vue-router
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (1 packages installed from npm registry, used 488ms, s
peed 261.65kB/s, json 1(65.8kB), tarball 61.88kB)

C:\Users\Administrator.USER-0GUONPPBHK>git clone https://github.com/vuejs/vue-ro
uter.git node_modules/vue-router
fatal: destination path 'node_modules/vue-router' already exists and is not an e
mpty directory.

C:\Users\Administrator.USER-0GUONPPBHK>git clone https://github.com/vuejs/vue-ro
uter.git node_module/vue-router
Cloning into 'node_module/vue-router'...
remote: Counting objects: 10589, done.
remote: Compressing objects: 100% (52/52), done.
rRemote: Total 10589 (delta 187), reused 238 (delta 187), pack-reused 10349eceiv
Receiving objects: 100% (10589/10589), 5.93 MiB | 170.00 KiB/s, done.

Resolving deltas: 100% (6479/6479), done.
Checking connectivity... done.

3、切换路径

C:\Users\Administrator.USER-0GUONPPBHK>cd node_module/vue-router

4、安装vue-router

C:\Users\Administrator.USER-0GUONPPBHK\node_module\vue-router>npm install

> chromedriver@2.35.0 install C:\Users\Administrator.USER-0GUONPPBHK\node_module
\vue-router\node_modules\chromedriver
> node install.js

Downloading https://chromedriver.storage.googleapis.com/2.35/chromedriver_win32.
zip
Saving to C:\Users\ADMINI~1.USE\AppData\Local\Temp\chromedriver\chromedriver_win
32.zip
Received 781K...
Received 1568K...
Received 2352K...
Received 3136K...
Received 3255K total.
Extracting zip contents
Copying to target path C:\Users\Administrator.USER-0GUONPPBHK\node_module\vue-ro
uter\node_modules\chromedriver\lib\chromedriver
Done. ChromeDriver binary available at C:\Users\Administrator.USER-0GUONPPBHK\no
de_module\vue-router\node_modules\chromedriver\lib\chromedriver\chromedriver.exe


> phantomjs-prebuilt@2.1.16 install C:\Users\Administrator.USER-0GUONPPBHK\node_
module\vue-router\node_modules\phantomjs-prebuilt
> node install.js

PhantomJS not found on PATH
Downloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantom
js-2.1.1-windows.zip
Saving to C:\Users\ADMINI~1.USE\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-win
dows.zip
Receiving...
  [=======================================-] 98%
Received 17767K total.
Extracting zip contents
Removing C:\Users\Administrator.USER-0GUONPPBHK\node_module\vue-router\node_modu
les\phantomjs-prebuilt\lib\phantom
Copying extracted folder C:\Users\ADMINI~1.USE\AppData\Local\Temp\phantomjs\phan
tomjs-2.1.1-windows.zip-extract-1521888689645\phantomjs-2.1.1-windows -> C:\User
s\Administrator.USER-0GUONPPBHK\node_module\vue-router\node_modules\phantomjs-pr
ebuilt\lib\phantom
Writing location.js file
Done. Phantomjs binary available at C:\Users\Administrator.USER-0GUONPPBHK\node_
module\vue-router\node_modules\phantomjs-prebuilt\lib\phantom\bin\phantomjs.exe

> uglifyjs-webpack-plugin@0.4.6 postinstall C:\Users\Administrator.USER-0GUONPPB
HK\node_module\vue-router\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fse
vents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
)

added 1025 packages in 145.872s

5、运行构建

C:\Users\Administrator.USER-0GUONPPBHK\node_module\vue-router>npm run build

> vue-router@3.0.1 build C:\Users\Administrator.USER-0GUONPPBHK\node_module\vue-
router
> node build/build.js

Circular dependency: src\install.js -> src\components\link.js -> src\install.js
Circular dependency: src\util\push-state.js -> src\util\scroll.js -> src\util\pu
sh-state.js
dist\vue-router.js 65.77kb
Circular dependency: src\install.js -> src\components\link.js -> src\install.js
Circular dependency: src\util\push-state.js -> src\util\scroll.js -> src\util\pu
sh-state.js
dist\vue-router.min.js 23.47kb (gzipped: 8.35kb)
Circular dependency: src\install.js -> src\components\link.js -> src\install.js
Circular dependency: src\util\push-state.js -> src\util\scroll.js -> src\util\pu
sh-state.js
dist\vue-router.common.js 66.12kb
Circular dependency: src\install.js -> src\components\link.js -> src\install.js
Circular dependency: src\util\push-state.js -> src\util\scroll.js -> src\util\pu
sh-state.js
dist\vue-router.esm.js 66.10kb

C:\Users\Administrator.USER-0GUONPPBHK\node_module\vue-router>