Vue安装及建立项目

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

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

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

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

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

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

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

      致此,全局环境已经搭建完成,如下常用:vue-cli

    5. 建立项目npm

      建立一个文件夹(总项目),如: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;

相关文章
相关标签/搜索