vue脚手架搭建

                          Vue脚手架搭建

 

主要分以下几步：

1. Node.js（Javascript运行环境）安装 
   2.Vue.js安装 
   3.脚手架搭建 
   4.项目文件描述

 

1.Node.js安装

• 下载安装
• 测试

下载安装

点击下载: Node下载 根据自己电脑系统安装，一直点下一步即可

测试

Windows+R快捷键打开cmd窗口，输入node -v出现版本号，即安装成功！

 

2. 脚手架搭建

使用NPM安装

—NPM: NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题

由于 NPM 安装速度慢（服务器在国外），这里使用淘宝的镜像及其命令 cnpm 
安装淘宝的镜像： 
打开cmd命令框，输入 
npm install -g cnpm –registry=https://registry.npm.taobao.org 

全局安装 vue-cli
在cmd命令框输入 
cnpm install -g vue-cli

 

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

要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。可以使用：

初始化一个项目

$ vue init webpack my-project  （#my-project为自定义项目名）

运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。

 

 

注意：其中ESLint为ES6的代码风格检查器，可以用来保证写出语法正确、风格统一的代码。由于执行代码太严谨，稍有不规范就会报错，所以这里可以设置为 NO；

 

4.安装项目所需要的依赖

刚初始化的项目是没有依赖的，如果运行会报类似这样的错误，

所以在这之前需要解决项目的依赖问题，使用下面的命令安装项目的依赖。

$ cnpm install

 

5.运行项目

$ cnpm run dev

 

如果看到这个界面，说明配置成功