zoukankan      html  css  js  c++  java
  • Vue项目初始

    利用npm搭建Vue项目流程

    安装

    第一步:

      官方下载node 或者pip install node

    第二步:可忽略

      :  npm install npm@latest -g 更新最新的稳定版本

    第三步: 

      安装webpack:  npm install webpack

    第三步安装脚手架:

    根据官方文档中的构件流程:

      -- 前提是已经安装了node.js 否则npm都用不了

      -- 1,使用npm全局安装vue-cli 

          npm install -g vue-cli

      -- 2, 安装完成后在自己的工作空间里

          vue init webpack vue-demo  

        输入命令后进入安装阶段,需要用户输入一些信息 这里省略了.....

      -- 3,切换到我们的项目目录下 

          cd vue-demo

          npm run dev

    第四部 :

       安装vue:在pycharm中的File-setting选项中 Plugins搜索vue,让后点击安装之后重启pycharm

    通过npm init 创建package.json

    1.   在自己创建的一个工程目录下打开cmd ,在里面输入命令npm init(初始化)
    2.        按提示,一步步来完成项目文件的配置,没有的可以不写,直接回车,这样初始化时会创建默认的文件
    3.   或者使用 --yes 默认创建

    为项目添加插件

    1
    2
    3
    4
    5
    6
    7
    # 切换到项目目录下
    # 为项目添加bootstrap而不是为全局添加
    npm install bootstrap --save
    # 移除bootstrap的依赖
    npm uninstall bootstrap --save
    # 指定版本,会使用这个版本的最高版本
    npm install bootstrap@3 --save

    获取项目依赖的插件

    1
    2
    # 项目目录下
    npm install  # 下载项目依赖的插件

    创建基于webpack某班的项目

    黄色圈圈部分是可选模式

    创建项目

    1
    vue init webpack my-project # vue init 模式 项目名

    然后下面给出了提示信息

    1
    2
    3
    cd my-project # 切换进项目目录
    npm install # 安装依赖
    npm run dev # 运行项目

     

  • 相关阅读:
    SuperMap房产测绘成果管理平台
    SuperMap产权登记管理平台
    Android adb shell am 的用法(1)
    由浅入深谈Perl中的排序
    Android 内存监测和分析工具
    Android 网络通信
    adb server is out of date. killing...
    引导页使用ViewPager遇到OutofMemoryError的解决方案
    adb logcat 详解
    How to send mail by java mail in Android uiautomator testing?
  • 原文地址:https://www.cnblogs.com/clbao/p/9958821.html
Copyright © 2011-2022 走看看