zoukankan      html  css  js  c++  java
  • <七>vue脚手架

    前面已经学习了vue的一些基础,现在开始学习使用vue官方提供的一个脚手架,什么叫脚手架,就是一个完整的基础项目架构。

    1、npm的安装,npm是npm 是 JS 的包管理工具,npm的服务器上会收集了很多常用的js相关的文件包,可以利用npm来下载项目模块的依赖包

    node.js官网下载node.js 。安装完成后 输入如下命令查看是否安装成功。

     2、npm命令

    • 安装指定模块:npm install 包名 【全局安装,加上参数-g】
    • 安装文件package.json里面所包含的所有模块:npm install
    • 卸载模块:npm uninstall 包名
    • 卸载和从package.json中删除模块 npm uninstall --save 包名
    • 启动项目:npm start
    • 查看已经安装的模块:npm ls
    • 升级npm版本:npm install -g npm
    • npm下载模块的时候如果慢,可以使用国内的cnpm:npm install -g cnpm --registry=http://registry.npm.taobao.org

    3、安装vue 脚手架

    npm install -g vue-cli

     输入命令查看是否安装成功

    vue -V

     4、安装打包工具:webpack 

    npm install webpack -g
    
    npm webpack -v

     5、使用脚手架来创建一个vue项目:

    vue init webpack my-project

     这样就安装完成了。

    6、用vscode 打开项目文件,新建一个终端,输入命令

    npm run dev

     

     访问8080 端口,显示下面的界面。就说明创建成功了。

  • 相关阅读:
    【[Offer收割]编程练习赛12 B】一面砖墙
    【[Offer收割]编程练习赛12 A】歌德巴赫猜想
    【codeforces 779E】Bitwise Formula
    Java Web整合开发(85)
    数字
    T2602 最短路径问题 codevs
    P3378 堆【模板】 洛谷
    T1013 求先序排列 codevs
    P1717 钓鱼 洛谷
    P2085 最小函数值 洛谷
  • 原文地址:https://www.cnblogs.com/choii/p/15662302.html
Copyright © 2011-2022 走看看