webpage vue-cli 脚手架安装搭建

1、下载node解压版：

下载地址：https://nodejs.org/en/download/

2、安装node

解压并安装到目录E:\Application\develop\node-v10.13.0-win-x64

3、配置环境变量

查看node版本

命令：node -v

 

4、vue-cli 脚手架 安装

参考：http://vuejs-templates.github.io/webpack/

https://www.cnblogs.com/loveyaxin/p/7094089.html

node 配置全局 globle 缓存 cache：

先创建目录

执行指令

npm config set prefix “C:\Program Files\nodejs\node_global” 
以及 
npm config set cache “C:\Program Files\nodejs\node_cache”

如果想删除以上全局配置，使用默认的，则方法是删除C:\Users\Administrator\.npmrc这个文件（或者去掉）。如果.npmrc不在这个目录下，就全局搜一下。

如不删除可以去掉该文件下的这两行代码即可。

prefix=E:\Application\develop\node-v6.12.3-win-x64\node_global
cache=E:\Application\develop\node-v6.12.3-win-x64\node_cache

 

查看是否已安装vue-cli

命令：vue -V

 

如果没显示版本，说明没安装vue-cli，需要安装

命令：npm install -g vue-cli    // 加-g是安装到全局

 

# 初始化项目my-project

$ vue init webpack my-project

 

$ cd my-project

# install dependencies 安装依赖
npm install

 

# serve with hot reload at localhost:8080 运行
npm run dev

# build for production with minification 编译
npm run build

 

 

执行npm run dev后，访问  localhost:8080查看效果