zoukankan      html  css  js  c++  java
  • Vue.js:安装node js到构建一个vue并启动它

    ylbtech-Vue.js:从安装node js到构建一个vue并启动它
    1.返回顶部
    1、

    1、安装node js

      下载地址:http://nodejs.cn/download/
    2、安装完成后运行Node.js command promptnode -v查看安装版本)

      
    3、安装npm(由于现在版本的nodejs已经集成npm所以无需安装,可以用npm -v 查看版本)

      
    4、注册cnpm来代替npm
      使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org

      如果你发现你安装成功了,使用cnpm却发现找不到命令,那么就是你的环境变量有问题,在环境变量里面的path添加你node的安装路径就行,比如";C:Program Files odejs ode_modules"

    5、安装vue脚手架vue-cli
      命令:cnpm install -g vue-cli

      安装成功后可以用 vue -V 查看vue版本
    6、cd到对应的目录下初始化vue项目
      命令:vue init webpack my-project
          Project name 项目名 
          Project description 项目名描述 
          Author 作者邮箱 
          Use ESLint to lint your code? 是否需要ESlist语法检查 
          Setup unit tests with Karma + Mocha? 是否需要单元测试 
          Setup e2e tests with Nightwatch? Yes是否需要e2e测试 
    7、package.json为项目依赖资源,如果要运行这个项目需要使用cnpm install 安装依赖项(直接在项目文件夹路径下执行)
    8、使用命令cnpm run dev启动项目,浏览器会打开 http://localhost:8080/#/ 看到以下效果

          

      开发时属于热部署状态,代码保存后浏览器会自动刷新,错误提示也非常友好。

    9、编译打包 cnpm run build

      会编译打包到项目dist文件夹下,然后我们就可以部署到服务器上(注意:如果你直接打开index.html,可能页面会是一片空白,这是由于你引用的js路径有问题)

         

    10、使用jQuery包

      http://www.cnblogs.com/pandabunny/p/5417938.html

    2、
    2.返回顶部
     
    3.返回顶部
     
    4.返回顶部
     
    5.返回顶部
     
     
    6.返回顶部
     
    7.返回顶部
     
    8.返回顶部
     
    9.返回顶部
     
    10.返回顶部
     
     
    11.返回顶部
     
    12.返回顶部
     
    13.返回顶部
     
    14.返回顶部
     
    15.返回顶部
     
     
    16.返回顶部
     
    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    Kendo UI
    Docker
    jQuery DataTables && Django serializer
    MySQL ODBC for Linux
    mongoengine
    Python之多线程
    Python中的正则表达式
    通过恢复目录(Catalogue)进行PDB级别的PITR恢复
    执行PDB的PITR恢复失败的说明
    在PDB级别中如何切换或重建UNDO表空间
  • 原文地址:https://www.cnblogs.com/storebook/p/9505648.html
Copyright © 2011-2022 走看看