vue项目cmd搭建和软件搭建

cmd起项目

npm install vue	#安装vue
npm install -g @vue/cli	#安装全局vue-cli脚手架,简化vue的操作,自动编写好基础代码

#创建项目特别慢,可以建议换成淘宝镜像:两种方式
npm config set registry http://registry.npm.taobao.org/
npm install -g cnpm –registry=https://registry.npm.taobao.org

创建项目方式一:
vue create demo #进入需要创建项目的路径,执行这条语句创建项目,demo为项目名
#提示以下信息,选择默认,回车就好,
? Please pick a preset:
> default (babel, eslint)	#默认
  Manually select features	#手动设置,选择自己需要的
  
#创建好之后有命令提示:
 $ cd demo
 $ npm run serve
#进入目录,运行服务,就可以访问了


创建项目方式二:	
npm install -g @vue/cli-init	#安装全局init包
vue init webpack demo  #安装webpack模版项目
#随后他会问你项目叫什么名字,他的描述信息,作者,打包方式,是否安装路由,是否检查js语法错误,是否需要单元测试,是否需要端到端测试等
#不知道选什么或者打什么的时候,就按回车,他会出来选项,让你选择


用软件起项目
文件->新建->项目->选择最下面的vue项目
创建好项目后,右击项目名,选择命令窗口打开

npm install	#安装环境
npm run serve	#启动服务	然后就可以反烦问了

通过script引用vue

<script src="https://unpkg.com/vue/dist/vue.js"></script>
#直接下载并用 script 标签引入,Vue 会被注册为一个全局变量。重要提示:在开发时请用开发版本遇到常见错误它会给出友好的警告。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值