从零到一搭建VUE前端项目

从零到一搭建VUE前端项目

虽然做前端也挺长时间了，但每次重装系统或者换电脑开发时总是要到处去搜教程，就很尴尬啊，搞得像是第一次写代码一样，所以就写出来总结一下吧，就算依然记不住但也好歹不用到处找别人的攻略了，关键找的还不一定有什么坑呢。。。

node.js

前端必备的玩意儿，前端转全栈初期也必备的玩意儿：

1. 目前用的10.几的版本，用着没啥毛病就不下最新版了；
2. 除了将安装地址改到非C盘的某个盘后其他一切下一步下一步。。。。。；
3. 安装完成后win+R输入cmd 再输入node -v和npm -v检查一下安装成功没有，出现版本号就是成功了；
4. 进入nodejs文件夹，建两个和node_modules同级的文件夹【node_cache】【node_global】；
5. 建好后在cmd中输入以下

   npm config set prefix "D:\Develop\nodejs\node_global"
   npm config set cache "D:\Develop\nodejs\node_cache"
   

6. 配置环境变量和系统变量：
   在环境变量的PATH里添加node_cache文件地址，把ROAMING/NPM结尾的替换为node_global的地址
   
7. 再检查以下系统变量的path里有没有nodejs的文件地址，以及有没有NODE_PATH这个系统变量，没有就加上；

到这里node部分就收工啦~

搭建VUE环境

1. 安装淘宝镜像；
   以前我还挺排斥的，觉得npm挺好，现在，真香~

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

   安装后cnpm -v 检查一下安装成功没有
   到这一步后可能会出现 cnpm不是内部或外部命令，那是因为你没把cnpm真正的地址放进环境变量里，到nodejs的文件夹里看看cnpm在哪 然后检查一下这个路径是不是在环境变量里
   
   

2. 全局安装VUE环境；

 ```javascript
npm install --global vue-cli
```

3. 进到想创立项目的文件夹里 通过指令：vue init webpack 随便写啥项目名 建立项目，后面的选项根据项目需求来，一般我都是从vue-router之后都选no，想要代码规范也可以选上eslint；
4. 安装完后 npm run dev

走起！