Vue环境搭建

vue 环境搭建的步骤

1. 输入node.js ,进入官网

在下载页面选择Windows安装包下载。
我们在安装过程中需要更改安装路径，不要再C盘里面，因为后期项目占用的空间很大。在其他盘中，如D盘创建一个文件夹nodejs，安装在这里面。
安装成功之后，我们打开文件夹nodejs，在里面新建两个文件夹node_global和node_cache

node安装好之后会把包默认放到其他位置，因此我们需要先创建这两个文件夹，方便管理，然后我们需要在我们安装的路径上输入“cmd”,回车，进入里面进行命令执行

然后再里面分别输入
npm config set prefix ‘‘D：\nodejs\node_global’’
npm config set cache ‘‘D：\nodejs\node_cache’’
这样的话之前的包就会放到这两个文件夹里面
2 安装淘宝镜像
为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/
输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。切记要用cnpm
3 更改环境变量
我们右击此电脑，选择属性，选择高级系统设置，点击环境变量在系统变量中 选择“path…”,点击编辑，新建：新建的路径就是文件所在的路径，然后确定。

4安装脚手架(vue-cli的安装)

1. vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
   安装命令为：cnpm install -g @vue/cli，回车，等待安装。
   5新建一个项目
   vue create my-project（文件名） 回车后按照步骤操作即可，最后复制网址到浏览器即可得到一个简单的项目。
   注：由于版本的不同还可以用Vue init webback my-project(项目名)，然后回车按照提示做，选择自己需要的东西。