Vue学习笔记(1)安装vue
来源:互联网 发布:java http获取cookie 编辑:程序博客网 时间:2024/05/17 11:06
NPM安装vue
首先下载nodejs 官网地址:https://nodejs.org/en/
下载完成后打开命令行(安装过node后可以更便捷的用shift+右键选择在当前文件夹打开命令行)
命令行输入 node -v 查看node版本 验证是否安装成功
淘宝镜像 (可选)
如果网速不好可以选择使用淘宝镜像 走的是国内的网 地址如下:
cnpm --registry=http://registry.npm.taobao.org
安装过淘宝镜像后就可以在命令行输入cnpm代替npmle
安装cli脚手架构建工具
命令行输入 cnpm(npm) install -g vue-cli 安装
初始化一个项目
vue init webpack firstVue
这个命令中 webpack是构建工具,也就是说整个项目是基于webpack的。firstVue是整个项目文件的名称,在这个文件中自动生成你指定的目录
运行后会要求输入项目名称 地址等信息 ,可以直接回车略过
package.json中 dependencies&&devDependencies是项目需要的依赖包
进入项目文件夹 firstVue文件夹。运行命令 cnpm install 安装所需依赖
安装完成后再firstVue文件中会多出一个node_modules文件 这里面就是我们项目所需要的依赖资源
到此就可以运行项目了 直接命令行输入 npm run dev 使用webstorm的可以在左下角直接输入npm run dev 浏览器会自动打开一个页面
//如果没有自动打开 可以手动输入localhost:8080
阅读全文
1 0
- Vue学习笔记(1)安装vue
- Vue 学习笔记1之安装
- vue学习笔记1
- vue学习笔记1
- Vue 学习笔记1
- Vue学习笔记(2)vue指令
- vue学习笔记:vue-router
- Vue学习心得(1)vue的安装
- 从零学起vue(学习笔记1)
- vue.js学习笔记(1)
- Vue学习日志:初识VUE(1)
- vue.js学习笔记-1
- vue学习笔记[1] 开始
- vue学习之路(一)--vue-cli安装+vue-router+vue-resource
- vue学习笔记(二)
- Vue学习笔记(一)
- Vue 学习笔记(一)
- vue学习笔记(一)
- 记录一个Tomcat启动参数修改,导致不识别<async-supported>的问题
- Eclipse之Hibernate插件报错
- 论文阅读——利用Binary Hash Codes的深度图像检索
- java得到距离指定时间num时间的时间、以及反射调用方法、Log日志配置信息
- 多个项目部署到一个tomcat下面报错:Choose unique values for the 'webAppRootKey' context-param in your web.xml files
- Vue学习笔记(1)安装vue
- Permutations
- Java多线程(一)、多线程的基本概念和使用
- 思维导图是什么?思维导图原理及其作用
- 移动终端数据传输方式
- docker学习笔记
- flask + redis 实现Server-Sent Event demo
- JQuery的ajax请求过程
- 手势