基于nodejs配置vue工程
来源:互联网 发布:对数据标准化 编辑:程序博客网 时间:2024/06/05 20:10
一、:安装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
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
0 0
- 基于nodejs配置vue工程
- IDEA配置NODEJs工程
- 【Vue】基于nodejs的vue项目打包编译部署
- 基于NodeJs Gulp配置案例
- 基于Vue、Nodejs、Socket.io的聊天应用
- wepack配置 vue工程的运行
- 基于nodejs开发的web工程开启代理转发功能
- 安装NodeJS、Vue
- MacOSX配置基于Makefile的工程
- 配置一个基于myeclipse的工程
- Vue路由(vue-router)配置实战——动态路由,重定向,工程非根目录
- window下基于eclipse的Nodejs工程项目配置步骤
- window下基于eclipse的Nodejs工程项目配置步骤
- window下基于eclipse的Nodejs工程项目配置步骤
- window下基于eclipse的Nodejs工程项目配置步骤
- window下基于eclipse的Nodejs工程项目配置步骤
- window下基于eclipse的Nodejs工程项目配置步骤
- nodejs 代码工程打包
- C编译: makefile基础
- 欢迎使用CSDN-markdown编辑器
- GIT部署(三)GIT 远程仓库:添加远程库、从远程库克隆
- leetCode---Subsets
- windows下python安装xgboost
- 基于nodejs配置vue工程
- for循环打印矩形
- 《APUE》读书笔记-第十四章高级I/O
- 源码简读之AsyncTask
- ASP.NET MVC框架入门
- (转)android AsyncTask介绍
- 信息系统项目管理知识--软件工程
- 求数组的逆序对
- GDOI第四轮模拟day2总结