VUE学习-webpack搭建Vue项目环境准备
来源:互联网 发布:php企业产品展示网站 编辑:程序博客网 时间:2024/05/20 05:10
- 环境及配置
- node
- webpack
- vue-cli
- 检验
环境及配置
- node+npm 是必备的
- webpack
- vue-cli
以下所有命令均是命令行操作
node
官网传送门:戳这里
检查安装是否成功:终端输入node -v 和 npm -v
安装教程自行查找资料
安装成功后即可使用npm了,不过这个npm使用起来很慢,推荐使用淘宝镜像。有两种方式:
- npm地址直接指向淘宝镜像地址:
npm config set registry https://registry.npm.taobao.org
- 使用cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用cnpm后只需将命令中的 npm 替换为 cnpm 即可
webpack
安装前记得切换目录
官网传送门:戳这里
本地安装[建议]
本地安装最新版本:
npm install --save-dev webpack
本地安装指定版本:npm install --save-dev webpack@<version>
全局安装[不推荐]
npm install --global webpack
vue-cli
官网传送门:戳这里
安装:npm install -g vue-cli
使用webpack模板初始化vue
初始化格式:
vue init <template-name> <project-name>
具体的用法:vue init webpack my-project
检验
至此没有报错,则基本环境和配置完成。切换到项目目录,执行下列命令即可查看demo页面:
cd my-project
npm install
npm run dev
阅读全文
0 0
- VUE学习-webpack搭建Vue项目环境准备
- 搭建vue + webpack项目环境
- vue + webpack 项目环境搭建
- vue+webpack环境搭建
- vue webpack环境搭建
- webpack + vue项目搭建
- 学习使用webpack+vue搭建项目
- vue-cli脚手架搭建webpack+vue项目
- vue-loader + Webpack 环境搭建
- vue.js + webpack 环境搭建
- vue+node+webpack搭建环境
- vue环境搭建vue-cli,vue-router,webpack
- Vue-webpack环境的搭建及项目的创建
- VUE学习-环境搭建
- karma+webpack搭建vue单元测试环境
- vue.js webpack+vueCli环境搭建
- Webpack+vue+element逐步搭建开发环境
- Vue入门实战01:搭建webpack+vue开发环境
- jmeter(postman)发送请求对象,springmvc接收对象
- Android GPS定位详解
- 简单实现Table固定表头
- 即试即买丨帕克西首推假发自动售卖机,3D发型试戴变革假发购物体验!
- macOS High Sierra 重装系统卡在剩余……
- VUE学习-webpack搭建Vue项目环境准备
- FPGA计算性能优化--数据运行优化1
- Android程序签名打包
- 关于Java读取文件操作时路径中的斜杠问题
- [BZOJ]4872 [SHOI2017] 分手是祝愿 期望DP
- I can 前端-09 数据验证与ASP.NET验证控件
- Qt 门户网站
- 笔记-cs224n(基于深度学习的自然语言处理)
- 剑指offer 编程题(15):链表合并