vue开发环境搭建

一、安装node.js(https://nodejs.org/en/)

vue开发环境搭建_第1张图片

二、设置nodejs prefix(全局)和cache(缓存)路径

1、在nodejs安装路径下,新建node_global和node_cache两个文件夹

     vue开发环境搭建_第2张图片

2、设置缓存文件夹

npm config set cache "D:\Develop\nodejs\node_cache"

设置全局模块存放路径

npm config set prefix "D:\Develop\nodejs\node_global"

三、基于 Node.js 安装cnpm(淘宝镜像)

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

四、全局安装Vue及打包组件

npm install webpack -g
npm install webpack-cli -g

npm install vue -g
npm install vue-cli -g

五、创建vue项目

vue init webpack project_name
npm install vue-material --save
npm install sass-loader --save-dev
cnpm install node-sass --save-dev

 

你可能感兴趣的:(web探索之路)