• 安装vue.js


    1.  下载node

    https://nodejs.org/dist/v8.11.2/node-v8.11.2-x64.msi

    2. 查看npm版本 
    在cmd下输入命令:npm -v 


    如果低于3.0版本需要进行升级(一般nodejs自带的npm的版本都太低,我在第一次运行的时候就被告知版本太低无法运行) 
    升级方法: 
    在cmd命令下cd到nodejs安装目录,然后输入以下命令:npm update npm 

    这里要等待一下。更新完成后再使用:npm -v 检查一下版本



    3. cnpm的安装 
    cnpm是淘宝的一个镜像,安装之后可以使用cnpm安装命令工具,安装速度会加快。 
    直接使用npm install -g cnpm –registry=https://registry.npm.taobao.org 

    命令安装即可。



    4. 安装vue-cli 
    vue-cli是vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 
    安装命令为:cnpm install -g vue-cli,回车,等待安装。 
    安装完后,检查是否安装成功,输入vue -V,出现以下版本信息:

    将vue.cmd的路径加入Path环境变量中


    这里是最容易出错的地方,因为要用大写的V


    5. 新建一个Vue项目 
    新建一个文件夹vueJs用于存放项目
    cd到此文件夹,输入:vue init webpack vue-demo 
    按照以下设置:

    安装项目依赖的包

    cd到vue-demo 文件夹,执行 nmp install,安装依赖包,安装完成之后,项目目录下多了node_modules

    6. 更改默认端口号8080为指定端口

    在命令行里输入 npm run dev,执行完成后启动项目,浏览器出现以下接结果


    修改为8070







  • 相关阅读:
    Hibernate 持久化对象的状态
    Hibernate 主键生成策略
    Hibernate 环境搭建
    Struts2 UI标签
    Struts2 处理表单重复提交
    Struts2 模型驱动及页面回显
    Struts2 之 ognl
    Struts2 框架验证
    Struts2 手动验证
    Struts2 自定义拦截器
  • 原文地址:https://www.cnblogs.com/xiang--liu/p/9710331.html
Copyright © 2020-2023  润新知