搭建Vue,node.js开发环境

1、安装node.js:

node.js作用

图片.png

1.前端工程很重要的一环
2.命令行工具（脚本）
3.一些微服务
nodejs是起中间层的作用，即根据客户端不同请求来做相应的处理或渲染页面，处理时可以是把获取的数据做简单的处理交由底层java那边做真正的数据持久化或数据更新，也可以是从底层获取数据做简单的处理返回给客户端

安装成功则已经自动帮我们配置好环境变量等,执行测试;

图片.png

安装组件想安装速度快点，可以使用淘宝镜像如下
----命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org

注意:执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中(这个路径npm全局路径可以自己更改,不加g则安装在当前目录)。

—————————————————————————————————————

2、使用nodeJs安装Vue-cli

切换到自己想要安装项目的系统文件里例如wamp 的www,
命令提示符执行:
npm install --global vue-cli

检查是否安装成功（显示版本则安装成功）。（vue -V）

image

安装项目:

使用vue建一个项目名叫“my-project”

图片.png

注意：项目建立过程中，有如下选择，选择NO。（该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，可以避免不必要的麻烦）

图片.png

安装成功，项目目录下多出一个node_modules文件夹
进入项目目录文件夹（my-project）中，就可以使用vue进行开发啦

运行项目

使用npm run dev，便可以打开本地服务器输入http://localhost:8080/#/实时查看效果

图片.png

npm使用过程中的一些错误解决办法及npm常用命令和技巧

—————————————————————————————————————
进行项目开发
主要参考