• Vue 安装环境创建项目


    vue 是一个单页面框架,基于模块化组件化的开发模式。

    搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install  --global vue-cli(慢)或者cnpm install  --global vue-cli(快)

    创建项目,vue init webpack  vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目)

    1、你的名字是vuedemo01么  2、你的项目的描述是什么  3、作者是什么  4、vuebulid(回车) 5、是否安装vue router (安装或者不安装都可以)  6、ESlint   不建议安装(一个代码检测错误的工具)  7、剩下的全部安装创建

    或者用vue init webpack-simple  vuedemo01(创建起来更简单)

    1、你的名字是vuedemo01么  2、你的项目的描述是什么  3、作者是什么  4、license(回车)  5、是不是用sass    

    然后cd到对应的项目中,安装依赖,cnpm install 或者 cpm install   //如果创建项目的过程中没有报错可以忽略

    npm run dev 运行项目

    cnpm  淘宝镜像  可以去网上搜索安装方式进行安装    主要作用:下载包的速度更快一些

    项目运行完成后显示localhost:****  项目运行的模拟域名,默认可以直接打开浏览器,也可以手动输入

    然后用编译器打开项目文件进行编辑  如果编译器没有提示可搜索安装vue扩展工具

  • 相关阅读:
    后台数据显示在网页(通过ajax获取内容)二
    获取后台数据显示在网页(一)
    访问后台方法
    input的placeholder字体大小无法修改?
    cssText()
    flex属性值----弹性盒子布局
    多栏布局
    怎么在ng-repeat生成的元素上操作dom
    css实现一行文字居中,多行文字左对齐
    变形属性 transform
  • 原文地址:https://www.cnblogs.com/1711643472qq/p/9117127.html
Copyright © 2020-2023  润新知