Node + Vue + Webpage 创建项目

1. Node 环境搭建

安装方法： https://www.cnblogs.com/lanyuan3/p/14189078.html

2. webpack 安装

Webpack 是一个前端资源加载/打包工具。因为我们用VUE写的东西浏览器不能直接识别，所以一定需要安装这个，用于编译。

安装方法：

npm install webpack -g

3. Vue 安装

//3.0以下版本（默认安装最新版）
npm install vue-cli -g
//3.0以上版本（默认安装最新版）
npm install @vue/cli -g 

//以下是安装指定版本
//3.0以下版本
npm install vue-cli@版本号  -g
//3.0以上版本
npm install @vue/cli@版本号 -g

说明：
Vue-cli vue命令行工具，即vue-cli 脚手架

查询vue版本： vue -V

vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的

npm install @vue/cli -g

如果原来已经安装了vue-cli的话需要先卸载原来的安装
cmd需要管理员权限才能卸载干净

npm uninstall vue-cli -g

4. 创建项目

在网站存放目录下新建文件夹，命名为design-house。新建一个文件夹命名为web，用于存放前台展示系统，新建一个文件夹命名为admin，用于存放后台管理系统。
在当前文件夹中，点击地址栏输入cmd然后回车。

//name是项目名称，可以任意命名非中文名称
//3.0以下版本初始化项目是用
vue init webpack name
//3.0以上版本初始化项目是用 
vue create name

【报错说明】 有的会，有的不会
vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

read ECONNRESET
出现上述情况一般是客户端关闭了socket连接导致的错误，可能是公司网络屏蔽了一些相关网站，导致下载webpack失败，可切换成自己的手机WiFi。

安装过程

VUE-CLI 3.x版本以上命令说明：
A. 你会被提示选取一个 preset。

你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。

这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。

详细说明见Vue CLI的官网
https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

启动项目：

$ cd lvchu
 $ npm run serve

VUE-CLI 2.x版本命令说明：
Project name xxx -----------项目名字
Project description A Vue.js project -----项目描述
Author xxx --------------作者
Vue build standalone
Install vue-router? Yes ------------是否安装路由
Use ESLint to lint your code? No -------是否使用ESLint 模式（严格模式）
Set up unit tests No -------- 是否设置单元测试
Pick a test runner jest
Setup e2e tests with Nightwatch? No ----nightwatch实现vue应用e2e测试

启动项目 npm run dev

同理，创建admin webpack。。。。