vue-cli脚手架安装及运行
1、第四步，安装Vue。执行命令：cnpm install vue。第五步，全局安装vue-cli。执行命令：cnpm install --global vue-cli。(此步可以忽视)第六步，在开源处(即存放网站的地方)，执行操作：shift+右键，点击在此处打开命令窗口。
2、在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
3、目前在市面上存在很多脚手架，如：create-react-app、vue-cli。我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率。
4、安装cnpm 在命令行中输入 npm install -g cnpm --registry=http：//registry.npm.taobao.org 然后等待下载，大概2分钟。安装vue-cli脚手架构建工具 在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。
5、终端输入：npm install -g cnpm --registry=https：//registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架（自动搭建vue项目框架的工具）sudo npm install -g vue-cli。静待。
安装vue脚手架失败
vue脚手架安装显示无法修改是没有进入到相应的文件夹，也是环境变量问题。项目命名时路径中一定不能出现中文、特殊符号等，右键【计算机】-【管理】-【本地用户和组】-【用户】-右键【中文用户名】-【重命名】。
在安装 @vue/cli 脚手架的时候，通过npm安装总是无法成功，改用淘宝镜像安装也是一样的。
版本问题：Vue脚手架更新比较快，如果使用的是旧版本的脚手架，会导致创建的文件不全。可以尝试升级到最新版本的Vue脚手架，再重新创建项目。安装问题：如果在安装Vue脚手架时出现问题，会导致创建的文件不全。
vue项目安装npm一直报错解决方法
尝试与开发更换为一样的镜像地址以及相同的node、npm版本，均已失败告终。通过查阅资料，更换为 yarn 工具安装依赖完美解决。
解决方法：1 查看vue-cli版本是 vue -V 2 卸载npm uninstall webpack-dev-server 3 安装npm i webpack-dev-server@0.0 4 安装npm install webpack cli -D 5 正常启动。
原因应该是node版本过高，推荐去安装最新的稳定版的node。
vue项目完整搭建步骤
1、在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
2、首先新建一个目录vue-wkdemo，这是我们的项目目录。执行 npm init 命令生成package.json文件。执行npm init之后，会提示你填写一些项目的信息，一直回车默认就好了，或者直接执行 npm init -y 直接跳过询问步骤。
3、步骤一： 可视化的形式创建vue项目： vue -V 。
使用vue-cli(vue脚手架)快速搭建项目
vue-cli是vue脚手架工具，方便打包，部署，测试等。
cnpm install -g vue-cli 安装完成后，可以使用vue -V 查看是否安装成功。
这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
目前在市面上存在很多脚手架，如：create-react-app、vue-cli。我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率。
已经安装最新版本的vue-cli，我很推荐这个图形化界面，非常方便。你也可以通过 vue ui 命令以图形化界面创建和管理项目：图形化的界面就不需要多介绍了，有中文都能很好地使用。
vueelectron安装依赖失败
在上线前端项目时，一个名为 yorkie@0.0 依赖时无法正常安装，出现如下错误：尝试与开发更换为一样的镜像地址以及相同的node、npm版本，均已失败告终。通过查阅资料，更换为 yarn 工具安装依赖完美解决。
在网上查的，是因为os版本过高的问题。安装 npm install -g @vue/cli 时会出现这个问题 解决办法：在终端输入这个命令 然后再运行 npm install -g @vue/cli 就可以正常安装了。
使用electron-builder打包的windows应用程序，安装后删除安装目录再重新安装，会提示安装已中止，原因是删除安装目录后，程序的注册表信息未删除，导致安装时出现异常。
Electron-Vue打包成exe一片空白。解决方法：webpack.renderer.config.js文件中注释掉Object.keys(dependencies||{}).filter(d=。whiteListedModules.includes(d))。cannotfindmouldbytebuffer。
另外可能的原因就是：没有把node.js添加到系统环境变量，导致node.js不能全局使用，把node.js的启动路径添加到系统环境变量即可。
网络问题。遇到electron打包vue项目网络请求失败的情况，是网络卡顿造成的，解决办法是断开网线，再重新连接一遍。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
