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/', //添加的地方
...
}

 

会遇到的问题

发表评论

邮箱地址不会被公开。 必填项已用*标注