Vue2.0 心法 ==> 第一层:安装
来源:互联网 发布:超声波软件下载 编辑:程序博客网 时间:2024/06/04 19:12
1.安装nodeJS
安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如果出现相应的版本号,则说明安装成功。安装node.js后,就已经自带npm(包管理工具)了,输入 npm -v,出现npm版本号。
2.安装淘宝镜像
cmd输入
npm install -g cnpm --registry= https://registry.npm.taobao.org
输入 cnpm -v 出现 cnpm 版本号,安装成功。
3.安装webpack
cmd输入
npm install webpack -g
输入 webpack -v,出现版本号,安装成功。
4.安装vue-cli脚手架构建工具
cmd输入
npm install vue-cli -g
输入 vue -V(注意这里是大写的“V”),出现版本号,安装成功。
5.使用vue-cli构建项目
- a. 新建一个文件夹,用于盛放项目工程;
- b. cd 到目录路径 ;
- c. 在cmd中输入:
vue init webpack 你的项目名
d. cd 命令进入创建的工程目录,cd car_code;
e. 安装项目依赖:
npm install
- f. 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
输入:
cnpm install vue-router vue-resource --save
6.启动项目
输入:
npm run dev
7.可以修改默认端口
在\config\index.js 里面
module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, // Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.HOST, if port is in use, a free one will be determined autoOpenBrowser: false, errorOverlay: true, notifyOnErrors: true, },
在port处修改默认端口。
阅读全文
0 0
- Vue2.0 心法 ==> 第一层:安装
- Vue2.0 心法 ==> 第二层:组件通信
- Vue2.0 心法 ==> 第四层:路由
- Vue2.0 心法 ==> 第五层:vue2.0 中的axios
- Vue2.0 心法 ==> 第六层:vue2.0 中使用sass语法
- Vue2.0 心法 ==> 第三层:keep-alive 缓存之坑
- vue2.0的安装
- vue2.0试水 ----安装
- Vue2.0 新手安装攻略
- vue2.0安装和实例
- vue2.0-1-概述与安装
- 练就“白骨精”的七层心法
- 心法
- vue2.0
- vue2.0
- vue2.0
- Vue2.0第一步--快速生成初始代码和插件安装
- vue2.0从入门到努力(1)--安装环境
- Gym 100962G Green Day (K个生成树构造1个完全图 -- 找规律)
- PHP 常量
- h5页面实现长按删除的效果
- mysql如何对待非法的enum值
- 深度剖析:如何实现一个 Virtual DOM 算法
- Vue2.0 心法 ==> 第一层:安装
- npm卸载模块
- Python模块numpy之matrix()
- textarea 与 label标签 对齐
- 以mnist手写识别为例解析caffe使用方法
- myeclipse2014破解
- 卸载wps ubuntu
- npm login报错
- 关于docker容器和镜像的区别