搭建vue项目

一、安装node.js

1. node.js下载地址：https://nodejs.org/en/；
2. 检查是否安装成功：执行命令node -v和npm-v，如果输出版本号，则说明node环境安装成功；

   node -v
   npm -v
   

   
3. 安装淘宝镜像；
   输入：

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

   既可以安装npm镜像，以后用到npm的地方可以直接用cnpm代替。
   检查是否安装成功：
   

二、搭建vue项目环境

1. 全局安装vue-cli 2.0 或者 @vue/cli 3.0

   -- 安装2.0脚手架
   npm install --global vue-cli
   -- 安装3.0脚手架
   npm install @vue/cli -g
   

2. vue-cli 2.0 基于webpack创建项目

   vue init webpack project(项目名称)
   

   Project name (my-project)                     # 项目名称（我的项目，名称不能大写）
   Project description (A Vue.js project)        # 项目描述一个Vue.js 项目
   Author                                        #作者（你的名字）
   Install vue-router? (Y/n)                     # 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
   Use ESLint to lint your code? (Y/n)           # 使用 ESLint 到你的代码? 
   Pick an ESLint preset (Use arrow keys)        # 选择一个预置ESLint（使用箭头键）
   Setup unit tests with Karma + Mocha? (Y/n)    # 设置单元测Karma + Mocha?
   Setup e2e tests with Nightwatch? (Y/n)        # 设置端到端测试，Nightwatch?
   

3. vue-cli 3.0 创建项目

   vue create project(项目名称)
   

   选择预配置，可以使用之前保存的配置
   
   手动配置，根据需要选择
   
   
   配置完之后，等待加载完成，根据命令提示，执行命令，就可以启动项目了
   

三、界面方式创建vue项目（vue ui命令）

1. 执行vue ui命令

vue ui

2. 在浏览器打开的页面中进行手动配置