• 安装vue.js


    1、先安装node.js (在官网下载),安装完成后,打开CMD ,输入node -v

    若显示相应的版本号,则说明安装成功。

    测试看node.js

    在c盘建立一个叫 app 的文件夹,里面放test.js

    var http = require("http");

    http.createServer(function(req, res) {
    res.writeHead( 200 , {"Content-Type":"text/html"});
    res.write("<h1>Node.js</h1>");
    res.write("<p>Hello World</p>");
    res.end("<p>welcome to Node.js</p>");
    }).listen(3000);
    console.log("HTTP server is listening at port 3000.");

    pm包管理器,是集成在node中的,所以直接输入 npm -v就会如下图所示,显示出npm的版本信息

    2、由于 npm 安装速度慢,因此使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像

    基于node.js,利用淘宝npm镜像安装相关依赖

    在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org   回车,安装

    3、安装vue-cli 

     安装成功后,建立第一个项目 ,进入d盘Vue 文件夹,在命令行中运行命令 vue init webpack firstVue 

    ? Project name 项目名 ? Project description

    项目名描述 ?

    Author 作者邮箱

    ? Use ESLint to lint your code? 是否需要ESlist语法检查

    ? Setup unit tests with Karma + Mocha? 是否需要单元测试

    ? Setup e2e tests with Nightwatch? Yes是否需要e2e测试

    建立后,文件夹如下

    要安装依赖包,首先cd到项目文件夹(vueDemo文件夹),然后运行命令 cnpm install ,等待安装。

    多出一个node_modules 的文件夹

    ###运行项目  npm run dev

    会自动在默认浏览器打开 

  • 相关阅读:
    组队开发最后冲刺周第一次会议
    android 本地数据库sqlite的封装
    java 空指针异常造成的原因有哪些
    jsp usebean的使用
    PHP模拟登录并获取数据
    php rsa加密解密实例
    30个php操作redis常用方法代码例子
    官方微信接口(全接口)
    curl类封装
    网站微信登录
  • 原文地址:https://www.cnblogs.com/arealy/p/6568170.html
Copyright © 2020-2023  润新知