vue脚手架安装

1)安装webpack

npm init --yes
npm i webpack webpack-cli --save-dev

2)安装vue

npm install vue -g
npm install vue-cli -g

vue -V

3)创建vue项目
vue init webpack test
一定要选择路由功能;
做相关选择时,对测试相关的一些选项,y/n可选择n
避免测试用的一些文件下载不了造成项目不能顺利创建。

4)运行项目:
进入项目目录cd
npm install 安装依赖的包。
npm run dev 运行项目。
http://localhost:8080/

5)修改项目
1、首页修改,加入姓名;首页中插入一张自己的图片。
2、创建自己的组件,在首页中引入。
3、加入新的路由链接,指向自己的页面。
4、创建无路由的vue’项目,比较查看。

npm install vue
npm install vue-cli -g cnpm install --global vue-cli

vue init webpack test $ vue init webpack my-project
npm install

npm run dev
npm run build
npm start

http://localhost:8080/(目标端口不一定为这个,这个被占用会创建新的)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

退出程序指令:Ctrl+shift+c

在这里插入图片描述

输入y即可退出程序

怎么在某个文件夹下打开命令提示符

打开该文件夹,然后在上面的路径显示框中输入CMD,然后回车,即可在当前文件夹下打开命令提示符,并且路径是当前文件夹。

1.找到指定的文件在这里插入图片描述

2.全选该文件路径

在这里插入图片描述

3.在该路径输入cmd指令并enter回车

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值