VUE环境安装部署,项目搭建
1、下载Node 安装包进行安装,如果本机已经安装node的运行换,请更新至最新的node 版本。
下载地址: http://nodejs.cn/
2、基于 Node.js 安装cnpm(淘宝镜像)
npm install -g cnpm -–registry=https://registry.npm.taobao.org
3、安装Vue
cnpm install vue -g
安装vue命令行工具,即vue-cli 脚手架
cnpm install -g vue-cli
搭建完手脚架之后,我们要开始建一个新项目,这个时候我建议,尽量不要装在C盘,因为vue下载下来的文件比较大,如果要改盘的话,直接输入D:回车就可以直接改盘,
然后我们开始创建新的项目输入命令:
vue init webpack my-project
回车,my-project是我自己的文件夹的名字,是基于webpack的项目,输入之后就一直回车,直到出现是否要安装vue-router, 新项目的创建
打开存放新建项目的文件夹
打开开始菜单,输入 CMD,或使用快捷键 win+R,输入 CMD,敲回车,弹出命令提示符。打开你将要新建的项目目录
cnpm install (路径必须是项目文件路径), 在cmd中输入 e: 盘符 cd vue_project 文件夹名称 cnpm install 创建
4、运行该项目,测试一下该项目是否能够正常工作,这种方式是用nodejs来启动。
cnpm run dev
[如果有问题或者不行] 把【node_modules】删除, 重新
cnpm install
打包上传
npm run build
[必须要配置的就是/config/index.js]
export default new Router({ mode : 'history',这句要去掉 zhe base: '/ttms/', //添加的地方 ... }
可以发现,我就改了两处,就是assetsPublicPath所对应的值,我这里用的是./,我也用webapps下的命的项目名试过,只是没得到我想要的结果,后来我还是改成了./
[使用vue-router的情况]
当你在项目中使用vue-router的时候,就需要给src/router/index.js添点东西,如下面:
export default new Router({ mode : 'history',这句要去掉 zhe base: '/ttms/', //添加的地方 ... }