vue.js安装过程(npm安装)
来源:互联网 发布:handlebars.js 编辑:程序博客网 时间:2024/05/19 16:33
一、开发环境
vue推荐开发环境:
Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言
npm: Nodejs下的包管理器。
webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。
vue-cli: 用户生成Vue工程模板
二、环境搭建
安装node.js:
1. 从node.js官网下载并安装node,安装过程很简单。
2. npm 版本需要大于 3.0,如果低于此版本需要升级它:
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)
- 1
- 1
完成之后,我们就可以用cnpm代替npm来安装依赖包了。
三、安装vue-cli脚手架构建工具
安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
四、用vue-cli构建项目
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
五、安装依赖
在cmd里
- 1
- 2
- 3
- 1
- 2
- 3
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
六、测试环境是否搭建成功
方法1:在cmd里输入:npm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
阅读全文
0 0
- vue.js安装过程(npm安装)
- vue.js安装过程(npm安装)
- vue.js安装过程 (npm安装)
- vue.js安装过程(npm安装)
- Vue.js NPM方法安装
- npm安装vue
- npm安装vue
- NPM 方法安装vue.js,初始化项目并启动
- npm 安装vue时报错
- Node.js+npm安装
- Node.js+npm安装
- node.js npm安装
- node.js npm安装
- node.js的安装 npm的安装 vue-devtools-master的安装
- 为什么推荐使用npm安装Vue,而不是直接在HTML中引入vue.js
- 卸载安装Node.js与npm过程详解
- vue.js安装以及安装过程中遇到的问题
- npm(包管理器)安装vue
- jquery dialog api
- Jquery——将Jquery序列化后的表单值转换成Json
- 列表侧滑删除和点击下滑
- 过滤后端返回的数组每条连续重复一遍问题
- 设计模式之策略
- vue.js安装过程(npm安装)
- tomcat无法识别单双引号的问题
- 遇到问题----MongoDB---JAVA--大批量操作先删后存时偶尔出现保存的文档也被删除
- ubuntu终端su认证失败:允许su到root的方法
- 如何通过Java代码将JsonArray转化为list集合
- ElasticSearch并发操作之乐观锁的使用
- 安卓JNI分析
- androidsutdio那些坑
- JavaScript有没有public和private?