vue从0到1(配置环境+项目创建)

首先安装node.js

node.js安装:https://nodejs.org/en/download/
下载并安装








安装完成,并且验证

node -v
npm -v

此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在安装的文件夹下创建两个文件夹【node_global】及【node_cache】

npm config set prefix "xxxxxx\node_global"
npm config set cache "xxxxxxx\node_cache"

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

npm install express -g 

以上安装node.js教程来自于https://www.cnblogs.com/zhouyu2017/p/6485265.html

安装完成node.js之后

基于node.js安装淘宝镜像

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

安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd里

1).输入：cnpm install -g vue-cli，回车，等待安装...
2).输入：vue，回车，若出现vue信息说明表示成功

出现以上显示的数据就证明完成安装了

创建项

1.安装全局vue-cli

• npm install --g vue-cli
  2.进入项目目录，创建一个基于webpack模板的新项目: vue init webpack 项目名
  
  创建完成

打开项目

//进入项目
 cd demo
//运行项目
npm run dev