基于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
二、安装淘宝的cnmp
安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
验证命令:cnpm -v
三、全局安装vueJS  脚手架
1、cnpm/npm install -g vue
2、cnpm/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

猜你喜欢

转载自blog.csdn.net/lovearforever/article/details/70767819