VUE 前端应用

需要安装：

Node.js（基于 Chrome V8 引擎的 JavaScript 运行环境）（node -v ：v10.15.0）：https://nodejs.org/en/download/  官网下载安装， 并添加环境变量

•      在node安装目录((C:\Program Files\nodejs) )下创建node_global和node_cache文件夹：

node_global：用于存放安装的全局模块， 不设置的话文件将会保存到 C:\Users\计算机name\AppData\Roaming\npm 

node_cache：node缓存文件夹

用户变量设置：添加用户变量中 PATH 值 D:\Program Files\nodejs\node_global，没有PATH，可以直接添加。

系统变量设置：添加变量 NODE_PATH  值为：D:\Program Files\nodejs\node_modules

运行 npm config set prefix "D:\Program Files\nodejs\node_global"   

运行 npm config set cache "D:\Program Files\nodejs\node_cache"

运行 npm install express -g， express将保存在C:\Program Files\nodejs\node_global\node_modules下

•    node.js 文档：http://nodejs.cn/api/assert.html

npm（包管理工具）（npm -v：6.4.1）：node 安装的时候自带安装了

• npm 使用介绍可以通过：npm help 模块名 查看对应介绍（比如：npm help install）

cnpm（淘宝镜像）（cnpm -v ：6.0.0）：比npm安装模块更快，cnpm安装：npm install -g cnpm --registry=https://registry.npm.taobao.org  

webpack（将组建翻译&打包成js）：npm install --save-dev webpack

• 关于webpack 的应用及问题详见 ：https://blog.csdn.net/lplife/article/details/80650993
• webpack-cli（webpack 的依赖包）：npm install --save-dev webpack-cli -g
• 介绍文档（这是旧版的）：http://www.runoob.com/w3cnote/webpack-tutorial.html

vue-cli（脚手架）：cnpm install -g vue-cli  自从node的兴起，前端项目中就开始出现各种预处理工具，当我们开始一个新项目时，我们都会先编写一些预处理文件，和构建项目目录。而vue-cli就是为了做这方面工作的，生成一套提前定义好的构建文件，和相应的文件。

vue（vue --version：2.9.6）：npm install vue -g

开发IDE：webstorm ：https://www.jetbrains.com/webstorm/ 官网下载

 

使用npm安装VUE项目：（testweb：你的项目name）

cd 你想构建项目的地址

vue init webpack testweb  （之后一直yes， 别的都选默认）

cd testweb

npm run dev

使用yarn 安装VUE 项目：（testweb：你的项目name）

安装yarn：https://yarnpkg.com/zh-Hans/docs/install#windows-stable 官网安装， 添加环境变量

cd 你想构建项目的地址

vue init webpack testweb  （之后一直yes， 别的都选默认， 在选择使用什么进行初始化的时候， 选择yarn）

cd testweb

yarn run dev