Vue.js学习系列(二)---配置开发环境
2017-02-21 18:04
1011 查看
4.安装webpack
cnpm install webpack –g
5.安装vue脚手架
npm install vue-cli –g
6.在硬盘新建一个文件夹来存放工程,在终端中进入该目录
cd 目录路径
根据模板创建项目
vue2.0格式
vue init webpack-simple 工程名字<工程名字不能用中文>
这里会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test)直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字
完成之后,cd命令进入创建的工程目录,打开vue学习文件夹,如下图所示
在这个示例中,我在桌面上创建vue学习文件夹,在里面创建的工程项目是vueStart,该文件夹后面生成的子文件都是模板自动生成的。
7.安装项目依赖
npm install
出现这样的界面就说明,开发环境配置成功了。
cnpm install webpack –g
5.安装vue脚手架
npm install vue-cli –g
6.在硬盘新建一个文件夹来存放工程,在终端中进入该目录
cd 目录路径
根据模板创建项目
vue2.0格式
vue init webpack-simple 工程名字<工程名字不能用中文>
这里会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test)直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字
完成之后,cd命令进入创建的工程目录,打开vue学习文件夹,如下图所示
在这个示例中,我在桌面上创建vue学习文件夹,在里面创建的工程项目是vueStart,该文件夹后面生成的子文件都是模板自动生成的。
7.安装项目依赖
npm install
8. 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
cnpm install vue-router vue-resource --save9.启动项目
npm run dev出现这样的界面就说明,开发环境配置成功了。
相关文章推荐
- Vue.js学习之路—环境配置
- Vue学习之开发环境配置及使用Node,npm,vue等
- 【Android开发学习系列】(1)——Windows下Android开发环境配置
- Vue.js---配置开发环境
- 从头开始学习开发django系列-1、配置环境,以windows为例
- 【OpenCV学习笔记系列01-OpenCV2.4.6 + VS2010开发环境配置】
- nodeJS学习(6)--- Sublime Text3 配置Node.js 开发环境
- [eShopOnContainers 学习系列] - 03 - 在远程 Ubuntu 16.04 上配置开发环境
- MongoDB深入学习系列(一)---开发环境配置及工具介绍
- Java系列学习(二)-配置开发环境
- [eShopOnContainers 学习系列] - 02 - vs 2017 开发环境配置
- MAC电脑配置node.js环境利用vue.js开发前端webapp详解
- 一步一步学习PHP(1) php开发环境配置
- Ajax Toolkit 控件学习系列(1) ——环境配置
- Flex学习系列之一---WinXP下环境安装与配置
- coolite1.0 学习笔记(一) -- 配置coolite开发环境
- Android 学习日志 1 :开发环境配置
- eclipse swing 环境配置,其实就是dotnet 中的winform 开发,记录下来,给需要学习的人使用,
- 学习笔记:java学习第一课 开发工具,环境配置
- MSDN Visual系列:在SharePoint开发环境中配置CAML语法的智能感知