现在前端主流的有三大框架,vue,angular,react,vue是国人大牛创建的,一开始的定位是依赖库,但发展到目前已经是一个成熟的前端框架了,所以我们有必要了解一下这个vue。那如何创建一个vue项目呢,我们从下载node.js开始。
-
node官网:https://nodejs.org/en/;
-
安装node.js,注意:在安装Node.js前,先cmd(命令提示符)运行 node -v 查看是否已经有Node.js版本,若有,则请先卸载或删除;
-
npm安装,npm -v查看是否已安装了npm;
打开cmd,进行安装,输命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org;
-
vue-cli安装,命令行为 npm install -g vue-cli;
致此,全局环境已经搭建完成,以下经常使用:
-
创建项目
创建一个文件夹(总项目),如:vuework文件夹,在文件夹下的栏目地址输入cmd进入此文件夹下;
创建项目,命令:vue init webpack my-vue(my-vue为项目文件夹名称),一直enter,路由插件安装,其他均no,需要es6语法检查可自行安装;
-
访问项目
到项目文件夹下的地址栏输入cmd,进入后执行:
运行命令 : npm run dev; -
访问别人项目时,先安装依赖 npm install
-
上传服务器,修改config->index.js->assetsPublicPath: '/',改为assetsPublicPath: './';
运行命令 : npm run build;