【工具教程】windows 安装配置 Vue 运行环境

windows 安装配置 Vue 运行环境

作者:Moonce
博客:望舒阁

一、node.js 安装

1.node.js 下载

http://nodejs.cn/download/

2.下载完成后，双击进行傻瓜式安装。

二、cnpm 安装

npm 命令在国内下载资源可能比较慢，推荐使用 cnpm 进行替换，在需要用 npm 的地方换成 cnpm 即可。运行命令：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
// 使用
$ cnpm install express

三、命令行工具（CLI）

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

1.全局安装 vue-cli

$ npm install --global vue-cli

2.创建一个基于 webpack 模板的新项目

my-project 为项目名称

$ vue init webpack my-project

进行相关配置

$ Project name (my-project) _   //回车默认项目名称
$ Project description (A Vue.js project) _ //设置项目描述
$ Author moonce_ //设置作者名称，此处是moonce
$ Use ESLint to lint your code?(Y/n) n_ //是否使用ESLint语法检查工具
$ Setup unit tests with Karma + Mocha?(Y/n) n_ //是否需要Karma + Mocha单元测试
$ Setup e2e tests with Nightwatch?(Y/n) n_ //是否需要Nightwatch测试

3.安装依赖

$ cd my-project
$ npm install

4.运行

$ npm run dev

四、目录结构