基于nodejs配置vue工程

一、：安装nodejs
1、下载地址：https://nodejs.org/zh-cn/download/
2、下载Windows Installer (.msi) 32-bit或64-bit或64-b
3、为了方便默认安装C盘
4、node安装完成后，默认已经安装了npm

5、node -v 查看版本信息

二、安装淘宝的cnmp
安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
验证命令：cnpm -v
三、全局安装vueJS  脚手架

windows 安装如下
1、cnpm/npm install -g vue
2、cnpm/npm install -g vue-cli

Mac安装如下

1、sudo npm install -g vue
2、sudo npm install -g vue-cli

验证命令：vue -V
四、创建一个基于webpack的vue项目
1、选择一下安装项目的目录，我这里安装在 E:\LeTV\objectwork\vuespace
2、进入当前目录 通过shift+鼠标右标调出菜单，选择“在此处打开命令窗口”
3、构建命令：vue init webpack my-first-vue-project
4、录前目录下会生成 my-first-vue-project项目
五、下载前端项目运行依赖
1、进入my-first-vue-project项目并在package.json同级目录下安装依赖，package.json中包含开发依赖devDependencies
2、执行cnpm install 自动根据devDependencies下载依赖
3、完成后会在同级目录下生成node_modules文件夹
六、运行项目
执行npm run dev