如何安装vue并创建vue.js框架项目

本文将指导您完成Vue.js的安装,包括安装vue工具、vue-cli,然后初始化项目,切换到项目路径,进行项目安装和编译,最后查看项目结构。
摘要由CSDN通过智能技术生成

1、安装vue工具

C:\Users\Administrator.USER-0GUONPPBHK>$ cnpm install vue
'$' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

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

2、安装vue-cli

C:\Users\Administrator.USER-0GUONPPBHK>cnpm install --global vue-cli
Downloading vue-cli to C:\Users\Administrator.USER-0GUONPPBHK\AppData\Roaming\np
m\node_modules\vue-cli_tmp
Copying C:\Users\Administrator.USER-0GUONPPBHK\AppData\Roaming\npm\node_modules\
vue-cli_tmp\_vue-cli@2.9.3@vue-cli to C:\Users\Administrator.USER-0GUONPPBHK\App
Data\Roaming\npm\node_modules\vue-cli
Installing vue-cli's dependencies to C:\Users\Administrator.USER-0GUONPPBHK\AppD
ata\Roaming\npm\node_modules\vue-cli/node_modules
[1/20] commander@^2.9.0 installed at node_modules\_commander@2.15.1@commander
[2/20] minimatch@^3.0.0 installed at node_modules\_minimatch@3.0.4@minimatch
[3/20] multimatch@^2.1.0 installed at node_modules\_multimatch@2.1.0@multimatch
[4/20] ora@^1.3.0 installed at node_modules\_ora@1.4.0@ora
[5/20] rimraf@^2.5.0 existed at node_modules\_rimraf@2.6.2@rimraf
[6/20] chalk@^2.1.0 installed at node_modules\_chalk@2.3.2@chalk
[7/20] semver@^5.1.0 installed at node_modules\_semver@5.5.0@semver
[8/20] consolidate@^0.14.0 installed at node_modules\_consolidate@0.14.5@consoli
date
[9/20] uid@0.0.2 installed at node_modules\_uid@0.0.2@uid
[10/20] user-home@^2.0.0 installed at node_modules\_user-home@2.0.0@user-home
[11/20] tildify@^1.2.0 installed at node_modules\_tildify@1.2.0@tildify
[12/20] read-metadata@^1.0.0 installed at node_modules\_read-metadata@1.0.0@read
-metadata
[13/20] coffee-script@1.12.7 existed at node_modules\_coffee-script@1.12.7@coffe
e-script
[14/20] validate-npm-package-name@^3.0.0 installed at node_modules\_validate-npm
-package-name@3.0.0@validate-npm-package-name
[15/20] metalsmith@^2.1.0 installed at node_modules\_metalsmith@2.3.0@metalsmith

[16/20] request@^2.67.0 installed at node_modules\_request@2.85.0@request
[17/20] async@^2.4.0 installed at node_modules\_async@2.6.0@async
[18/20] inquirer@^3.3.0 installed at node_modules\_inquirer@3.3.0@inquirer
[19/20] download-git-repo@^1.0.1 installed at node_modules\_download-git-repo@1.
0.2@download-git-repo
[20/20] handlebars@^4.0.5 installed at node_modules\_handlebars@4.0.11@handlebar
s
deprecate metalsmith@2.3.0 › gray-matter@2.1.1 › coffee-script@^1.12.4 CoffeeS
cript on NPM has moved to "coffeescript" (no hyphen)
Recently updated (since 2018-03-17): 6 packages (detail see file C:\Users\Admini
strator.USER-0GUONPPBHK\AppData\Ro
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值