前端提供的dist包(Vue.js)在本机如何启动运行
一、搭建环境node.js环境(npm包管理器)cnpmnpm的淘宝镜像express-generator构建工具1. 安装node.js环境(npm包管理器)从node.js官网下载并安装node.js。安装完成之后,打开命令行工具,输入node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器已经在node中集成,再接着输入npm -v 可看到npm版本...
·
一、搭建环境
- node.js环境(npm包管理器)
- cnpm npm的淘宝镜像
- express-generator构建工具
1. 安装node.js环境(npm包管理器)
从node.js官网下载并安装node.js。安装完成之后,打开命令行工具,输入node -v,如下图,如果出现相应的版本号,则说明安装成功。
npm包管理器已经在node中集成,
再接着输入npm -v 可看到npm版本信息。表示node.js和npm环境都已安装成功。
2. 安装cnpm淘宝npm镜像(cnpm的速度快到令人发指)
win+R启动cmd窗口(注意,一定要是管理员权限启动,不过大部分win+R启动的cmd都是管理员权限),运行下面。如有报错,请自行百度错误提示解决。
npm install -g cnpm --registry=http://registry.npm.taobao.org
3.安装Express-generator自动构建工具
win+R启动cmd窗口(注意,一定要是管理员权限启动,不过大部分win+R启动的cmd都是管理员权限),运行下面(装好cnpm以后所有的npm命令均可换为cnpm)。运行下面。如有报错,请自行百度错误提示解决。
cnpm install express-generator -g
二、构建项目
- 创建项目路径
在任意路径创建一个空文件夹。 - 构建项目
1)cmd窗口进入该路径。
2)输入以下命令
express 你要创建的项目名
示例如下:
创建出来的文件夹列表如下。
进入刚才创建的项目路径,安装项目依赖。命令如下:
cnpm install 或 npm install
然后把前端提供给你的dist文件夹下面的所有文件夹和文件都丢到刚才创建的项目路径下面的public文件夹里面。
- 运行项目
输入 npm start 启动项目。
打开浏览器输入:http://localhost:3000
即可看到启动效果。
更多推荐
已为社区贡献1条内容
所有评论(0)