Vue安装及创建项目

现在前端主流的有三大框架,vue,angular,react,vue是国人大牛创建的,一开始的定位是依赖库,但发展到目前已经是一个成熟的前端框架了,所以我们有必要了解一下这个vue。那如何创建一个vue项目呢,我们从下载node.js开始。

    1. node官网:https://nodejs.org/en/;

    2. 安装node.js,注意:在安装Node.js前,先cmd(命令提示符)运行 node -v 查看是否已经有Node.js版本,若有,则请先卸载或删除;

    3. npm安装,npm -v查看是否已安装了npm;

      打开cmd,进行安装,输命令:

      npm install -g cnpm --registry=https://registry.npm.taobao.org;

    4. vue-cli安装,命令行为 npm install -g vue-cli;

      致此,全局环境已经搭建完成,以下经常使用:

    5. 创建项目

      创建一个文件夹(总项目),如:vuework文件夹,在文件夹下的栏目地址输入cmd进入此文件夹下;

      创建项目,命令:vue init webpack my-vue(my-vue为项目文件夹名称),一直enter,路由插件安装,其他均no,需要es6语法检查可自行安装;

    6. 访问项目

      到项目文件夹下的地址栏输入cmd,进入后执行:
      运行命令 :  npm run dev;

    7. 访问别人项目时,先安装依赖  npm install

    8. 上传服务器,修改config->index.js->assetsPublicPath: '/',改为assetsPublicPath: './';

      运行命令 :  npm run build;

猜你喜欢

转载自www.cnblogs.com/ECJTUACM-1435867846/p/11803076.html