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 会被注册为一个全局变量。重要提示:在开发时请用开发版本遇到常见错误它会给出友好的警告。