安装及调试可在本地windows环境下来操作
1、安装nodejs
node.js下载地址:http://nodejs.cn/download/
下载后按照步骤一步一步安装即可。
查看node和npm版本,node -v、npm -v
2、安装vue-cli脚手架和webpack依赖包
1) 先安装cnpm,win+r-cmd,进入命令窗口,然后进入到你安装的nodejs的文件夹中,输入“npm install -g cnpm – registry=https://registry.npm.taobao.org”命令,来安装。
2)安装vue-cli,输入(npm)cnpm install -g vue-cli
3)安装webpack依赖,(npm)cnpm install -g webpack
3、创建项目
创建项目:选好目录之后,输入:vue init webpack vue_project、
Project name :项目名称
Project description:项目描述
Author:项目作者
install vue-router:Vue路由插件Y/N
Use ESLint to lint your code:是否使用ESLint来检测你的代码,ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。建议选择 ‘N’ 因为选择 ‘Y’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目
Setup unit tests:是否安装单元测试,建议N
Setup e2e tests with Nightwatch:是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。)
运行项目命令:npm run dev
打包项目命令:npm run build
发布的时候需要打包,修改config->index.js中的 assetsPublicPath: './', 将‘/’改为‘./’
然后打包生成一个dist文件,将该文件上传到服务器中即可