【VUE】Mac下vue 开发环境搭建,以及目录结构
2017-07-18 12:47
926 查看
1 安装Node.js
参看 node.js环境安装 http://www.cnblogs.com/richerdyoung/p/7265786.html
2 安装淘宝镜像
3 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
输入:vue,回车,若出现vue信息说明表示成功
4 切换到你的项目目录
5 新建vue项目
6 一路回车(第4步ESLint 可以一路n,大师请忽略n)
进入新建项目
目录结构
main.js 是我们的入口文件,主要作用是初始化vue实例并使用需要的插件
App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。
index.html文件入口
src放置组件和入口文件
node_modules为依赖的模块
config中配置了路径端口值等
build中配置了
webpack的基本配置、开发环境配置、生产环境配置等
参看 node.js环境安装 http://www.cnblogs.com/richerdyoung/p/7265786.html
2 安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
cnpm install -g vue-cli
输入:vue,回车,若出现vue信息说明表示成功
4 切换到你的项目目录
cd desktop/vue
5 新建vue项目
vue init webpack vuetest
6 一路回车(第4步ESLint 可以一路n,大师请忽略n)
进入新建项目
cd vuetest cnpm install npm run dev
目录结构
main.js 是我们的入口文件,主要作用是初始化vue实例并使用需要的插件
App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。
index.html文件入口
src放置组件和入口文件
node_modules为依赖的模块
config中配置了路径端口值等
build中配置了
webpack的基本配置、开发环境配置、生产环境配置等
相关文章推荐
- Android 开发:(一)安卓开发环境搭建与配置 (Windows和Mac )以及目录结构介绍
- 一.开发环境搭建以及初识cocos2dx目录结构
- 在MAC上搭建eclipse+android开发环境以及eclipse的svn插件的安装
- 从零开始学Android(一):Android开发环境的搭建及项目目录结构的分析
- Symbian入门指南第二章:开发环境的建立以及目录结构的说明
- Symbian入门指南第二章:Symbian开发环境的建立以及目录结构的说明
- vue.js开发环境搭建以及脚手架工具安装
- ITOO之搭建开发环境(三)——JBOSS 7目录结构
- 【vue2.0实战分享】搭建vue运行环境以及项目目录
- vue开发环境搭建Mac版
- Hibernate目录结构以及环境搭建
- Symbian入门指南第二章:Symbian开发环境的建立以及目录结构的说明
- Cocos 2d-X Lua游戏开发Mac环境搭建以及一点点感悟
- Vue项目搭建流程 以及 目录结构构建
- mac 搭建vue开发环境
- Symbian入门指南第二章:Symbian开发环境的建立以及目录结构的说明
- vue开发环境搭建Mac版
- Linux开发环境搭建与使用——Linux 目录结构及文件
- VUE开发环境搭建(mac版)