安装和初始化一个vue项目步骤

(注:本文中所有的配置项目,尽可能在使用win+R下的cmd窗口进行配置,避免挖坑,关闭窗口属性中的 <快速编辑模式>)

1.下载node.js

　　去官网下载(注意下载长期维护版)

2.检查运行环境

　　node -v

　　npm -v

3.配置镜像加速

　　npm config set registry https://registry.npm.taobao.org/

4.下载vue,webpack

　　npm install -g @vue/cli(注:中间可能有卡顿,等待几分钟)

         npm i -g @vue/cli-init

　　sudo npm install -g webpack 　　

 

5.测试vue环境

　　vue -V(大写)

　　如果测试环境失败,则需要配置系统变量

　　vue安装位置在安装的时候有提示,直接配置到系统变量,值为vue目录

6.下载python2.7版本（必须是2.7版本)

　　　　安装完后配置系统变量 PYTHON，值为 python安装目录/**/python.exe，

　　　然后在配置一个系统变量PYTHON_HOME，值为pythoy安　　　　　　　　　

　　　装路径(文件夹),最后将这两个变量添加到Path中

7.初始化vue项目　　

　     新建一个文件夹,在该文件下打开命令CMD窗口,运行   

　　 vue init webpack  <项目名(随便起)>

8.以管理员身份打开vscode

　　点击文件==>打开初始化好的vue项目文件夹====>打开终端==>

　　运行以下命令: 

　　　　　npm install

　　1.如果报错 :Error: Can‘t find Python executable “python“, you can set the PYTHON env variable

　　运行以下命令: 

　　　　npm install --global --production windows-build-tools

　　2.如果报错:chromedriver@2.27.2install: `node install.js` 

　　　　　下载chromedriver_win32.zip压缩包,和你的chrome浏览器版本对应,不要解压

　　　　　然后运行以下命令:

　　　　　　　　npm install chromedriver --chromedriver_filepath=(压缩包的绝对路径)

　　3.如果报错:no such file or directory, scandir '......\node_modules\node-sass\vendor'........

　　　　　运行以下命令:

　　　　　　　　npm rebuild node-sass

 

　　最后输入

　　　　npm run dev

 

---

 

　　如有不足欢迎补充@_@