vue 的创建和初始化项目及前期准备工作

一.前期准备工作

先安装node.js
Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/

1.cmd检测是否安装成功

node –v //检查node是否安装成功

node.js自带有npm，一般安装完node.js，npm也安装完了

npm -v//检查npm是否安装成功

 2.使用淘宝的npm 镜像(使用npm来安装包使用的是国外的地址，经常会出现超时错误，可以通过修改为国内的淘宝源来加速安装。)

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

二.创建和初始化vue

1.安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli

2.创建vue项目
先创建一个文件夹来存放vue项目

   然后打开文件夹，在目录地址上输入cmd即可进入终端（此时路径即刚刚的文件夹）

　在终端输入以下命令：

vue init webpack  项目名称
? Project name //项目名称
? Project description A Vue.js project //项目描述，默认的
? Author *@qq.com //默认，回车即可
? Vue build (Use arrow keys) //默认，回车即可
? Vue build standalone //默认，回车即可
? Install vue-router? No //是否安装路由
? Use ESLint to lint your code? Yes //是否用ESLint来规范我们的代码
? Set up unit tests No //是否使用自动化的测试工具
? Setup e2e tests with Nightwatch? No //使用nightatch设置E2E测试
? Should we run npm install for you after the project has been created? (recommended) npm //选择npm安装

 

3.安装相关依赖

cnpm install

 4.运行项目

npm run dev