vue中内网/局域网/离线的情况下怎么使用及建立

这篇文章主要介绍“vue中内网/局域网/离线的情况下怎么使用及建立”，在日常操作中，相信很多人在vue中内网/局域网/离线的情况下怎么使用及建立问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue中内网/局域网/离线的情况下怎么使用及建立”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！准备两台电脑，一台能上网，一台开发机器（不能上网）。两台电脑分别安装最新版Nodejs的包管理器，以便使用npm命令。（备注：Nodejs自带npm）在有网的电脑中启动cmd，输入命令”npm config set registry=http://registry.npm.taobao.org “配置镜像站，（也可以不用配置，根据自己网络确定情况）。在cmd中，输入”npm install vue -g”，下载到全局路径node_modules文件夹下。在cmd中，输入”npm install vue-router -g”，下载到全局路径node_modules文件夹下。在cmd中，输入”npm install webpack -g”，下载到全局路径node_modules文件夹下。在cmd中，输入”npm install vue-cli -g”，下载到全局路径node_modules文件夹下。注意：vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，他的配置并不全放在根免费云主机域名目录下的 webpack.config.js 中。在cmd中，输入”npm install webpack-dev-server -g”，下载到全局路径node_modules文件夹下。注意：是为了规避错误”执行 node start env提示 ‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序”。在cmd中，输入”npm install -D webpack-cli -g”，下载到全局路径node_modules文件夹下。注意：是为了规避错误“Cannot find module ‘webpack/bin/config-yargs’”。在cmd中，输入”npm install html-webpack-plugin -g”，下载到全局路径node_modules文件夹下。注意：是为了规避错误“Cannot find module ‘html-webpack-plugin’”。下载后的文件在”C:UsersXXX账户文件夹AppDataRoamingnpmnode_modules”。拷贝有网电脑的”C:UsersXXX账户文件夹AppDataRoaming”中的”npm”和”npm-cache”两个文件夹到开发机的相同路径。拷贝有网电脑的”C:UsersXXX账户文件夹”中的”.vue-templates”到相同路径。(如果不存在，则执行”vue init webpack XXX文件夹”，将会自动生成)在开发机中启动cmd，cd到指定目录。eg:输入”d:”，到d盘；输入”cd projectA”，到项目所在文件夹下。输入命令”vue init webpack XXX文件夹 –offline”，注意：XXX文件夹，指的是将要创建的存储文件夹。按照步骤完成操作：(Vue build 改为选择runtime;最后一个选择Yes,use npm)输入命令”cd XXX文件夹”，运行npm install安装依赖。输入命令”npm run dev”，启动项目。输入命令”npm run build”，建立index.html启动项。如果有错误：全局安装的 webpack运行时 报错 Error: Cannot find module ‘webpack’。解决方法：添加系统环境变量，变量名为：NODE_PATH；变量值为：你的npm下的node_modules文件夹绝对路径。在有网电脑按照方法一创建项目。将项目文件夹拷贝到开发机上运行即可。到此，关于“vue中内网/局域网/离线的情况下怎么使用及建立”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！

相关推荐: jquery如何去除焦点

这篇文章主要讲解了“jquery如何去除焦点”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“jquery如何去除焦点”吧！ jquery去除焦点的方法：1、通过“document.getElementById(‘…