zoukankan      html  css  js  c++  java
  • 使用cnpm创建vue项目(含离线安装)

    # 全局安装淘宝cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    #升级 npm
    cnpm install npm -g
    
    # 升级或安装 cnpm
    npm install cnpm -g
    

    在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

    # 最新稳定版
    cnpm install vue
    

    Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

    # 全局安装 vue-cli
    $ cnpm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack my-project # 这一步会因为拉去不到国外的文件而报错,可以参考最下面离线安装的办法
    # 这里需要进行一些配置,默认回车即可
    This will install Vue 2.x version of the template.
    
    For Vue 1.x use: vue init webpack#1.0 my-project
    
    ? Project name my-project
    ? Project description A Vue.js project
    ? Author runoob <test@runoob.com>
    ? Vue build standalone
    ? Use ESLint to lint your code? Yes
    ? Pick an ESLint preset Standard
    ? Setup unit tests with Karma + Mocha? Yes
    ? Setup e2e tests with Nightwatch? Yes
    
       vue-cli · Generated "my-project".
    
       To get started:
       
         cd my-project
         npm install
         npm run dev
       
       Documentation can be found at https://vuejs-templates.github.io/webpack
    
    $ cd my-project
    $ cnpm install
    $ cnpm run dev
     DONE  Compiled successfully in 4388ms
    
    > Listening at http://localhost:8080
    

    注意:Vue.js 不支持 IE8 及其以下 IE 版本。

    离线安装

    通过vue-cli工具命令vue init webpack vuedemo创建vue项目的时候报错,提示连接超时,应该是下载某个package的时候,需要翻墙,导致出现连接超时。超时错误截图如下:

    解决办法是改为离线创建,我们需要下载github仓库中的vue-templates/webpack,然后解压到本地。下载地址为:https://github.com/vuejs-templates/webpack,下载之后,解压到本地用户目录下的.vue-templates目录下。
    下载之后的压缩包为webpack-develop.zip,我们解压之后,需要更改目录名为webpack。用户目录下的目录为.vue-templates,注意文件夹名称前面的点(.)。


    这样,我们再进行vue init webpack vuedemo命令的时候,需要带上参数--offline表示离线初始化。

    安装成功的界面显示:

    文件:webpack-develop.zip下载地址:https://files.cnblogs.com/files/sanduzxcvbnm/webpack-develop.zip

  • 相关阅读:
    Windows 代码实现关机(直接黑屏)
    Windows SEH学习 x86
    Smali 语法文档
    SIOCADDRT: No such process
    Windbg 常用命令整理
    ida GDB 远程调试
    IDA 使用技巧
    Windows X64 Patch Guard
    C 和C++ 名称修饰规则
    【转载】 硬盘主引导记录(MBR)及其结构详解
  • 原文地址:https://www.cnblogs.com/sanduzxcvbnm/p/13496830.html
Copyright © 2011-2022 走看看