Vue 项目的搭建

1.安装node.js

Node.js官网：Node.js

        (一边稳定版，一边最新版)，建议稳定版

打开安装包，建议一键next，因为更改路径地址，node_modules需要新建全局配置变量，这节先不讲。

 安装成功后测试node是否安装成功

在cmd中运行(win+R，输入cmd回车)
查看node和npm的版本来判断是否安装成功

node -v
npm -v

安装成功开始安装vue脚手架

2.vue安装

2.1因为npm在国内使用太卡这边建议使用国内镜像cnpm

        在cmd中运行(win+R，输入cmd回车)

在cmd中运行(win+R，输入cmd回车)

npm install -g cnpm --registry=https://registry.npmmirror.com

        同理安装成功后通过版本号查看cnpm是否安装成功

cnpm -v

2.2下载vue

cnpm install vue@next

查看版本号判断是否安装成功

npm list vue

2.3下载vue-cli

cnpm install -g @vue/cli

查看版本号判断是否安装成功(这里是大写)

vue -V

3.新建vue项目

有两种方法通过cmd命令行运行，通过vue-ui，vue集成的一个ui创建界面

这边我们用第一种方法cmd

3.1首先先打开自己需要下载的位置，在地址栏输入cmd，可以在当前目录快速打开cmd

 3.2 新建vue项目

vue create 项目名称(下面text)可以随便替换

vue create text

我们选用最后一个自己定义vue需要的东西，也可以选前面两个，是vue已经默认选好的vue2/vue3项目(第一个是自定义保存的，后面会说)

 然后点击回车下一步

这边我们选中这四个，用空格取消or选中，然后回车下一步

根据自己需求选择需要的版本，这边我选的是三

这里就说了是否使用history路由模式，hash模式和history模式这个也是看个人需求，hash模式地址栏会出现一个#，为了美观我history模式，使用输入Y

这里是问你，您喜欢将Babel、ESLint等的配置放在哪里。这里我一般放在package.json选中下一步

这里是问你是否将此保存为将来项目的预设，就是我前面新建项目时最上面那个vue_new，就是我之前预设的，这边我选的时N

下载完后，运行下列代码就ok拉！

cd text
npm run serve

假如出现 command failed: npm install --loglevel error 这种错误情况

打开我的电脑 C:\Users\*\          PS: *号为本地主机名称

 把文件下的 .npmrc文件删除 ，重新安装淘宝镜像，重新运行以上项目即可

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