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

2019年10月2日 183次阅读 来源: xaiobaicac

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

node

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

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

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

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

git

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

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

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 并完成安装

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

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

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

vue init webpack my-project

出现问题

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

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

解决方法

配置环境变量

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

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

    原文作者：xaiobaicac
    原文地址: https://segmentfault.com/a/1190000013800333
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞