这篇博客详细介绍了如何配置Vue开发环境，包括下载安装Node.js，创建并设置node_global和node_cache文件夹，通过npm配置全局模块路径和缓存，安装cnpm以使用淘宝镜像，然后安装Vue和vue-cli。接着，通过vue init命令创建基于webpack-simple的项目模板，并在项目目录中安装依赖模块。最后，使用cnpm run dev命令运行项目进行测试。
官网下载node:
链接: https://nodejs.org/en/download/.
下载完无脑安装。
在安装路径下，新建node_global和node_cache两个文件夹。
设置缓存文件夹：
npm config set cache “D:\vueProject\nodejs\node_cache”
设置全局模块存放路径
npm config set prefix “D:\vueProject\nodejs\node_global”
基于 Node.js 安装cnpm（淘宝镜像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
最重要的环境变量（配错命令不好使）
新增系统变量NODE_PATH；
安装Vue： cnpm install vue -g
安装vue命令行工具，即vue-cli 脚手架：cnpm install vue-cli -g
打开新建目录：根据模版创建新项目：
vue init webpack-simple mytest（新建项目名）
打开新建项目目录： cd mytest
安装工程依赖模块 ： cnpm install
运行该项目，测试一下该项目是否能够正常工作，这种方式是用nodejs来启动： cnpm run dev
扫一扫
6435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
