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

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

node

一、空白的电脑 在D盘中建立文件夹allTool,用来放置全部下载安装的工具及文件node

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

clipboard.png

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

git

一、在网中下载官方安装包web

clipboard.png

二、按照提示步骤安装在allTool文件夹中,安装完成后任何地方右击便可出现git的选项vue-cli

三、右击打开git bash,输入下面两条命令,便可绑定本身的帐号
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"npm

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

vue

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

npm install vue

出现问题框架

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

解决方式

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

clipboard.png

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

三、经过命令行建立一个机遇webpack的行项目

vue init webpack my-project

出现问题

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

clipboard.png

解决方法

配置环境变量

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

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

相关文章
相关标签/搜索