webStorm创建vue项目环境

一、安装node.js（https://nodejs.org/en/）

下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。

二、设置nodejs prefix（全局）和cache（缓存）路径

1、在nodejs安装路径下，新建node_global和node_cache两个文件夹

2、设置缓存文件夹

npm config set cache "D:\vueProject\nodejs\node_cache"

　设置全局模块存放路径

npm config set prefix "D:\vueProject\nodejs\node_global"

设置成功后，之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里

三、基于 Node.js 安装cnpm（淘宝镜像）

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、设置环境变量（非常重要）

说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径

1、鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。

2、修改系统变量PATH

3、新增用户变量NODE_PATH

五、安装Vue

cnpm install vue -g

六、安装vue命令行工具，即vue-cli 脚手架

cnpm install vue-cli -g

七、检测是否安装成功

基本上安装完成没什么问题，值得注意的是webpack的问题：

如果webpack -v 出现
We will use "npm" to install the CLI via "npm install -D".
Do you want to install 'webpack-cli' (yes/no):

不用管直接回车然后执行
此命令npm install webpack-cli -g

转载地址：https://www.cnblogs.com/zhaomeizi/p/8483597.html

八、下载安装git https://git-scm.com/

webStorm创建Vue需要用的，不然会报错

Step 1 Information

信息

Please read the following important information before continuing

继续之前，请阅读以下重要信息

Step 2 Select Destination Location

选择安装位置

Step 3 Select Components

选择组件

Additional icons 附加图标

On the Desktop 在桌面上

Windows Explorer integration Windows资源管理器集成**==鼠标右键==**菜单

Git Bash Here

Git GUI Here

Git LFS (Large File Support)

大文件支持

Associate .git configuration files with the default text editor*

将 .git 配置文件与默认文本编辑器相关联

Associate .sh files to be run with Bash

将.sh文件关联到Bash运行

Use a TrueType font in all console windows

在所有控制台窗口中使用TrueType字体

Check daily for Git for Windows updates

每天检查Git是否有Windows更新

Step 4 Select Strat Menu Folder

创建开始菜单目录

Step 5 Choosing the default editor used by Git

选择Git使用的默认编辑器

Use the Nano editor by default

默认使用 Nano 编辑器

Use Vim (The ubiquitous text editor) as Git's default editor

使用 Vim 作为 Git 的默认编辑器

Use Notepad++ as Git's default editor

使用 Notepad++ 作为 Git 的默认编辑器

Use Visual Studio Code as Git's default editor

使用 Visual Studio Code 作为 Git 的默认编辑器

Step 6 Adjusting your PATH environment

配置PATH环境

Use Git from Git Bash only

This is the safest choice as your PATH will not be modified at all.You will only be able to use the Git command line tools form Git Bash.

这是最安全的选择，因为您的PATH根本不会被修改。您只能使用 Git Bash 的 Git 命令行工具。

Use Git from the Windows Command Prompt

This option is considered safe as it only adds some minimal Git wrappers to your PATH to avoid cluttering your environment with optional Unix tools . You will be able to use Git from both Git Bash and the Windows Command Prompt.

这个选项被认为是安全的，因为它只向PATH添加一些最小的 Git包，以避免使用可选的Unix工具混淆环境。您将能够从 Git Bash 和 Windows 命令提示符中使用 Git。

Use Git and optional Unix tools from the Windows Command Prompt

从Windows命令提示符使用Git和可选的Unix工具

Both Git and the optional Unix tools will be added to you PATH

Git和可选的Unix工具都将添加到您计算机的 PATH 中

Warning:This will override Windows tools like "find and sort".Only use this option if you understand the implications.

警告：这将覆盖Windows工具，如 “ find 和 sort ”。只有在了解其含义后才使用此选项。

Step 7 Choosing HTTPS transport backend

选择HTTPS传输后端

Use the OpenSSL library

使用 OpenSSL 库

Server certificates will be validated using the ca-bundle.crt file.

服务器证书将使用ca-bundle.crt文件进行验证。

Use the native Windows Secure Channel library

使用本地 Windows 安全通道库

Server certificates will be validated using Windows Certificate Stores.This option also allows you to use your company's internal Root CA certificates distributed e.g. via Active Directory Domain Services.

服务器证书将使用Windows证书存储验证。此选项还允许您使用公司的内部根CA证书，例如，通过Active Directory Domain Services 。

Step 8 Configuring the line ending conversions

配置行结束转换

Checkout Windows-style,commit Unix-style line endings

Git will convert LF to CRLF when checking out text files.When committing text files,CRLF will be converted to LF .For cross-pltform projects,this is the recommended setting on Windows ("core.autocrlf" is set to "true")

在检出文本文件时，Git会将LF转换为CRLF。当提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Windows上推荐的设置（“core.autocrlf”设置为“true”）

Checkout as-is , commit Unix-style line endings

Git will not perform any conversion when checking out text files. When committing text files, CRLF will be converted to LF. For cross-platform projects,this is the recommended setting on Unix ("core.autocrlf" is set to "input")

在检出文本文件时，Git不会执行任何转换。提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Unix上的推荐设置（“core.autocrlf”设置为“input”）

Checkout as-is,commit as-is

Git will not perform any conversions when checking out or committing text files.Choosing this option is not recommended for cross-platform projects ("core.autocrlf"is set to "false")

在检出或提交文本文件时，Git不会执行任何转换。对于跨平台项目，不推荐使用此选项（“core.autocrlf”设置为“false”）

Step 9 Configuring the terminal emulator to use with Git Bash

配置终端模拟器以与 Git Bash 一起使用

Use MinTTY (the default terminal of MSYS2)

Git Bash will use MinTTY as terminal emulator,which sports a resizable window,non-rectangular selections and a Unicode font. Windows console programs (such as interactive Python) must be launched via 'winpty' to work in MinTTY.

Git Bash将使用MinTTY作为终端模拟器，该模拟器具有可调整大小的窗口，非矩形选区和Unicode字体。 Windows控制台程序（如交互式Python）必须通过'winpty'启动才能在MinTTY中运行。

Use Windows' default console window

Git will use the default console window of Windows ("cmd.exe"),which works well with Win32 console programs such as interactive Python or node.js , but has a very limited default scroll-back,needs to be configured to use aUnicode font in order to display non-ASCII characters correctly,and prior to Windows 10 its windows was not freely resizable and it only allowed rectangular text selections.

Git将使用Windows的默认控制台窗口（“cmd.exe”），该窗口可以与Win32控制台程序（如交互式Python或node.js）一起使用，但默认的回滚非常有限，需要配置为使用unicode 字体以正确显示非ASCII字符，并且在Windows 10之前，其窗口不能自由调整大小，并且只允许矩形文本选择。

Step 10 Configuring extra options

配置额外的选项

Enable file system caching

启用文件系统缓存

File system data will be read in bulk and cached in memory for certain operations ("core.fscache" is set to "true"). This provides a significant performance boost.

文件系统数据将被批量读取并缓存在内存中用于某些操作（“core.fscache”设置为“true”）。这提供了显着的性能提升。

Enable Git Credential Manager

启用Git凭证管理器

The Git Credential Manager for Windows provides secure Git credential storage for Windows,most notably multi-factor authentication support for Visual Studio Team Services and GitHub. (requires .NET framework v4.5.1 or or later).

Windows的Git凭证管理器为Windows提供安全的Git凭证存储，最显着的是对Visual Studio Team Services和GitHub的多因素身份验证支持。（需要.NET Framework v4.5.1或更高版本）。

Enable symbolic links

启用符号链接

Enable symbolic links (requires the SeCreateSymbolicLink permission).Please note that existing repositories are unaffected by this setting.

启用符号链接（需要SeCreateSymbolicLink权限）。请注意，现有存储库不受此设置的影响。

转载地址：https://github.com/xiezongnan/Summarize/blob/master/git/Git_Setup.md

九、打开webStorm

点击crate New Project

第四项我不是很清楚我也是第一次使用记录一下步骤如果不对还请各位指出

如果出现 git不是内部命令之流错误,重启电脑，如果不行，就是git的环境变脸出了问题，配置一下git的环境变量，然后重启电脑，在公司创建遇到了这个错误，回家的时候就没有这个错误

环境变量的配置：

剩下两个分别是单元测试和e2e测试根据个人爱好

我用的是npm，根据个人情况

就这么多了，我遇到的问题与解决方法都放上去了，如果哪里有问题希望大家及时评论与指出