VUE+NodeJs初始化项目

1、安装nodejs,目录D:\Program Files\nodeJS；

2、cmd 命令窗口，

如果是 Window 系统使用以下命令即可：
npm install npm -g (全局）
使用淘宝镜像的命令：
cnpm install npm -g

npm install -s npm install grunt --save-dev   (本地）

备注：
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

3、cmd下创建项目，创建项目文件夹webpack-vue,并cd进入 
安装vue-cli

npm install -g vue-cli

初始化
vue init webpack

默认项enter键，其他按情况选择y/n 

4、webstorm open项目webpack-vue；

 

5、常用配置修改，webstorm项目端口号修改8080--》8888，

webpack-vue\config\index.js

6、项目加载模块node_modules，在Terminal窗口，加载axios模块 执行命令 npm install axios --save-dev，

卸载某个模块，执行命令 npm uninstall axios --save-dev

webpack-vue\src\main.js文件中加载
import axios from "./axios"

Vue.prototype.$axios = Axios;

8、项目运行命令  npm run dev  。

1、在Terminal窗口，执行  npm run dev  。 如果需要切换其他项目运行，

settings->Tools->terminal->修改Start directory目录改为为你想要的运行的项目；

2、  Run窗口运行，设置项目package.json文件和node.exe运行文件，设置完后，点击run按钮，执行

 

9、在Terminal窗口，项目打包命令  npm run build，在dist文件夹下面，static是所有加载的静态文件，index.html是初始文件；

把static和index.html文件拷到要整合的tomcat目录下webapps下面的具体项目下，然后启动tomcat，注意可能过程中index.html加载文件路径要修改

 

参考 https://blog.csdn.net/wm5920/article/details/78872548

转载于:https://my.oschina.net/cs20160712/blog/3042369