vue的安装及使用快速入门

**

vue的安装

**
1.安装node.js 建议安装稳定版本,安装完成可以使用 node -v命令来查看有没有安装成功及版本号
2.如果安装速度太慢,可以安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装vue cnpm install vue
4.全局安装脚手架 vue-cli cnpm install -g vue-cli

上边4步完成就完成vue的安装了,接下来就是初始化项目

创建项目

1.创建一个基于webpack模板的新项目 执行命令 vue init webpack my-vue
在这里插入图片描述
2.如果你选择的是自己安装依赖,那么在项目根目录下执行 npm install命令安装依赖项
在这里插入图片描述
(注:我之前安装依赖一直报错EISDIR: illegal operation on a directory, symlink
‘D:\vue-demo\node_modules._connect-history-api-fallback@1.3.0@connect-history-api-fallback’ -> ‘D:\vue-demo\node_modules\connect-history-api-fallback’
这个可能是硬盘格式有问题 )
3.安装完成后 在项目根目录下执行 npm run dev 命令启动项目
在这里插入图片描述
4.项目结构目录
在这里插入图片描述
(注:静态图片一般放在static下边)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值