Vue 开发教程之一 环境配置
来源:互联网 发布:耳骨夹淘宝 编辑:程序博客网 时间:2024/06/05 03:18
一、 安装 node.js
首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。
安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功
二、 安装 vue-cli
安装好了 node,我们可以直接全局安装 vue-cli:
npm install -g vue-cli
三、生成项目
首先需要在命令行中进入到项目目录,然后输入:
vue init webpack Vue-Project
配置完成后,可以看到目录下多出了一个项目文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
然后进入项目目录(cd Vue-Project),使用 cnpm 安装依赖
cnpm install
然后启动项目
npm run dev
如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js
四、打包上线
自己的项目文件都需要放到 src 文件夹下
项目开发完成之后,可以输入 npm run build 来进行打包工作
npm run build
打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看
项目上线时,只需要将 dist 文件夹放到服务器就行了。
阅读全文
0 0
- Vue 开发教程之一 环境配置
- 配置Vue开发环境
- Vue.js---配置开发环境
- vue.js开发环境安装教程
- vue.js开发环境安装教程
- DuiLib使用教程之一---环境配置
- Mybatis实战教程之一开发环境搭建
- 【JBPM3.2.3】之一:配置eclipse开发环境
- 手游开发之一 --- cocos环境配置
- Android开发环境配置教程
- Android 开发环境配置 教程
- 【前端】vue.js环境配置以及实例运行简明教程
- windows下vue.js开发环境搭建教程
- vue.js环境配置
- vue.js 环境配置
- vue.js环境配置
- VUE环境配置
- Vue.js环境配置
- android,harmony,java的未来
- Using Java arrays to insert, retrieve, & update PostgreSQL arrays
- nyoj 518 取球游戏
- VR/AR技术杂选
- python 使用set对列表去重,并保持列表原来顺序
- Vue 开发教程之一 环境配置
- apk签名机制
- 【bzoj 1176】Mokia(CDQ分治)
- python 遍历 程序 动态库依赖 ,减少不必要依赖,减少启动时间
- 初识Avro
- Java程序员笔试必备--Java基本概念
- 表达式语法分析——递归子程序法
- makefile的选项CFLAGS、CPPFLAGS、LDFLAGS和LIBS的区别
- mysql5.7内存占用持续过高