zoukankan      html  css  js  c++  java
  • vue安装

    1. 从node.js官网下载并安装node,安装过程很简单。 
    C:Usersyw>node -v
    v8.9.4
    
    #升级 npm,node自带的npm不是最新的。
    cnpm install npm -g
    
    C:Usersyw>npm -v
    5.6.0
    
    3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    完成之后,我们就可以用cnpm代替npm来安装依赖包了。
    
    C:Usersyw>npm install -g cnpm --registry=https://registry.npm.taobao.org
    C:UsersywAppDataRoaming
    pmcnpm -> C:UsersywAppDataRoaming
    pm
    ode_modulescnpmincnpm
    + cnpm@5.2.0
    added 778 packages in 209.733s
    
    安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
    
    $ cnpm install -g vue-cli
    # 回车,等待安装...
    $ vue
    # 回车,若出现vue信息说明表示成功
    C:Usersyw>vue -V
    2.9.3
    
    # 创建一个基于 webpack 模板的新项目
    E:gocodevueproject>vue init webpack hcxy_car_update
     这里需要进行一些配置,默认回车即可
    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
       
    五、安装依赖
    在cmd里
    1).输入:cd my-project(项目名),回车,进入到具体项目文件夹
    2).输入:cnpm install,回车,等待一小会儿
    回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
    
    六、测试环境是否搭建成功
    方法1:在cmd里输入:npm run dev
    方法2:在浏览里输入:localhost:8080(默认端口为8080)
    
    sublime vue 语法高亮插件安装
    
    
    # hcxy_car_update
    > hcxy_car_update
    ## Build Setup
    ``` bash
    # install dependencies
    npm install
    # serve with hot reload at localhost:8080
    npm run dev
    # build for production with minification
    npm run build
    # build for production and view the bundle analyzer report
    npm run build --report
    # run unit tests
    npm run unit
    # run e2e tests
    npm run e2e
    # run all tests
    npm test

     以管理员权限运行cmd

  • 相关阅读:
    BugKu web 矛盾
    BugKu 域名解析
    Dummy game
    BugKu 变量1
    BugKu web5
    递归算法
    Django进阶(转载)
    centos 7防火情配置
    cenos7切换阿里源
    centos7 编译安装nginx
  • 原文地址:https://www.cnblogs.com/yaowen/p/8511378.html
Copyright © 2011-2022 走看看