• 【VueJS】windows环境安装vue-cli及webpack并创建VueJS项目


    1. 安装node.js, Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。

    这次node.js不是主角,默认已安装好了,通过npm –v查看node.js是否安装好以及安装的node.js版本

    如果你安装的是旧版本的 npm,可以通过 npm 命令“npm install npm -g”来进行版本升级。

    npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);npm安装插件过程:从http://registry.npmjs.org下载对应的插件包,但是该网站服务器位于国外,所以经常下载缓慢或出现异常。

    因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,在此我们要感谢万能的淘宝啊,因为我们乐于分享的淘宝团队干了这事。

    所以我们可以使用淘宝定制的 cnpm(gzip 压缩支持) 命令行工具代替默认的 npm;

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    这样就可以使用 cnpm 命令来安装模块了:cnpm install [name] 。

    2. 安装vue-cil,因为是全局安装,所以只需要运行一次就可以了。安装成功后,以后不必再安装,安装命令如下:

    npm install -g vue-cli 

    3. 用vue-cil构建项目

    3.1 把当前目录定位到项目存放目录

    3.2 新建一个自己的vue项目“饿了么sell”

    3.3 项目构建成功后,按照上一步给出的提示命令,往下面一步步执行

    (使用npm命令时,过程比较缓慢,可以使用cnpm来代替,使用方法将npm install换成cnpm install即可,我这里使用的是npm)

    3.4 运行了npm run dev之后,会自动打开一个浏览器窗口,在地址栏中输入http://localhost:8080,即可看到创建的项目运行的效果:

     此文章发在本人订阅号和博客上,转载请注明出处。

                           本人订阅号二维码

     

  • 相关阅读:
    实验-继承&super.doc
    Python库
    Github高级搜索
    代码报错记录
    编程问题解决
    百科
    【Android】添加依赖包
    【Android】导航栏(加图片icon)和不同页面的实现(viewpager+tablayout)
    【Android】Android Studio真机调试的问题统整
    【AD】自己画板的备忘
  • 原文地址:https://www.cnblogs.com/daipianpian/p/8008295.html
Copyright © 2020-2023  润新知