在特定环境下搭建一个vue工作环境初始化一个项目win10+node+vue+git

wayneli 发布于2019-08-26 11:50 / 1256人阅读

摘要：我的设备电脑系统位我要安装的运行环境我要使用的版本控制我的学习框架空白的电脑在盘中创建文件夹，用来放置所有下载安装的工具及文件通过网址下载的安装文件，下载完成后点击安装，并把安装路径放在文件夹。

我的设备
电脑系统：windows10 64位
我要安装的运行环境node
我要使用的版本控制git
我的学习框架vue

node

1、空白的电脑在D盘中创建文件夹allTool，用来放置所有下载安装的工具及文件

2、通过网址http://nodejs.cn/download/ 下载node的安装文件，下载完成后点击安装，并把安装路径放在allTool文件夹。安装完成后再cmd中测试

显示版本号即证明安装正确完成

git

1、在网中下载官方安装包

2、按照提示步骤安装在allTool文件夹中，安装完成后任何地方右击即可出现git的选项

3、右击打开git bash，输入下面两条命令，即可绑定自己的账号
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

4、顺便创建一个版本库吧具体的创建方式推荐https://www.liaoxuefeng.com/w...

vue

1、使用npm按照Vue官网教程中的步骤安装vue

 npm install vue

出现问题

  完成命令后报错出现
   bash: npm: command not found

解决方式

   关机重启后可执行npm install vue 并完成安装

2、安装命令行工具cli
执行命令 npm install --global vue-cli

3、通过命令行创建一个机遇webpack的行项目

vue init webpack my-project

出现问题

  完成命令后报错出现
   bash: npm: command not found

解决方法

配置环境变量

在执行npm install --global vue-cli命令时，会出现将其安装在哪里，我们要讲安装地址配置到环境变量中，例如我这里的E:gitGitusrlocalnode_modules，打开我的电脑属性---选择高级系统设置---点击环境变量---选择系统变量中的Path点击编辑，进入后新建并将上面的地址放入，点击确定，就可以完成配置
关闭原来的bash，重新点开，执行vue init webpack my-project命令，就可以创建项目了

注：相同的步骤在win7中未发现错误

专线服务混合云怎么在linux 下搭建lnmp环境云服务器搭建vue项目阿里云服务器搭建vue项目 win10配置java环境

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107663.html

Vue项目环境搭建教程

摘要：项目环境搭建教程针对开发工具等一下载和下载链接中文官网下载好之后使用命令行再次确认查看顺便看看内置的版本如果是非安装包形式，安装的直接解压的，不是程序安装的形式，需要配置环境变量，必要时还需要配置要使用的版本出 ...

darkbaby123 2021-11-25 09:43 评论0 收藏0
docker 应用系列（一）--- 一步步搭建虚拟机 docker 环境附有 vue-cli +

摘要：为确保系统里面没有自带的软件的残留，我们要清除一下旧版本的，虽然新系统一般都不会有就是了。更新软件包缓存。 showImg(https://segmentfault.com/img/remote/1460000015914895?w=1240&h=819); 小剧场测试：裤裆你这页面刷新就白屏啊，怎么了啊，而且你看这 network，怎么这些 js 这么大啊，很耗流量而且加载速度还很...

hatlonely 2019-06-28 16:35 评论0 收藏0
vue源码分析系列之入debug环境搭建

摘要：目标是为了可以调试版本的，也就是下的源码，所以主要是的开启。结语至此就可以开心的研究源码啦。文章链接源码分析系列源码分析系列之入口文件分析源码分析系列之响应式数据一源码分析系列之响应式数据二概述为了探究vue的本质，所以想debug一下源码，但是怎么开始是个问题，于是有了这样一篇记录。目标是为了可以调试es6版本的，也就是src下的源码，所以主要是sourceMap的开启。原文来自...

nihao 2019-08-26 13:29 评论0 收藏0
工作中常见问题汇总及解决方案

摘要：注本文是我在开发过程中遇到问题及解决方法的总结，之后会持续更新，希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习，同时欢迎一起补充。注：本文是我在开发过程中遇到问题及解决方法的总结，之后会持续更新，希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习，同时欢迎一起补充。 npm篇 npm安装依赖报错：permission denied，错误信息大致如下： npm ERR!...

ddongjian0000 2019-08-21 18:41 评论0 收藏0
vue.js使用vue-cli搭建一个SPA项目

摘要：之所以写这篇如何运用脚手架自动化构建出一个项目的大架构，主要是面向想入门的小伙伴。之前，我第一次接触，一直摸不着头脑，想在网上搜个接地气的教程都找不到。 WHY 之所以写这篇如何运用脚手架自动化构建出一个项目的大架构，主要是面向想入门vue的小伙伴。之前，我第一次接触vue，一直摸不着头脑，想在网上搜个接地气的教程都找不到。SO，我以如何搭建结构为开始，向想入门vue的童鞋们把我仅有的...

CrazyCodes 2019-08-20 17:31 评论0 收藏0