zoukankan      html  css  js  c++  java
  • vue开发基本步骤

    1      安装node.js

    安装node.js之前,先进行nvm的安装;

    https://github.com/coreybutler/nvm-windows/releases最好选择稳定版本

    具体安装步骤:

    1.

    选择第二种安装方式是自动安装,不需要多余的各种配置;直接下一步就可以完成安装;

    2. 安装完nvm之后

    列出nvm的基本操作指令

    nvm install ## 安装指定版本,可模糊安装,如:安装v6.2.0,既可nvm install v6.2.0,又可nvm install 6.2

    nvm uninstall ## 删除已安装的指定版本,语法与install类似

    nvm use ## 切换使用指定的版本node

    nvm ls ## 列出所有安装的版本

    nvm ls-remote ## 列出所以远程服务器的版本(官方node version list)

    nvm current ## 显示当前的版本

    nvm alias ## 给不同的版本号添加别名

    nvm unalias ## 删除已定义的别名

    nvm reinstall-packages ## 在当前版本node环境下,重新全局安装指定版本号的npm包

    安装需要的node版本,此时需要注意的是安装的下载地址,国内服务器可能会比较慢,甚至可能直接下载安装失败;

    推荐设置淘宝镜像:https://npm.taobao.org/

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

    完成后输入npm -v可以查看npm版本

    Node-v也可以查看当前node版本

    2      webpack的安装

          使用npm安装webpack:

    全局安装:npm install webpack -g

    当前项目安装:npm install webpack --save-dev

    速度慢:npm config set registry https://registry.npm.taobao.org

    后缀添加last为当前最新稳定版本,或者@+版本号到指定版本

    在新项目本地运行的时候

    首先:npm isntall

    然后:npm init 初始化

    3      Vue安装以及项目初始化

    推荐直接安装vue脚手架

    安装:npm install -g vue-cli

    使用vue创建一个新的项目:

    vue init webpack my-work

    my-work是自己的项目名称(自定义命名)

    完成之后使用npm run dev将项目跑起来,之后可以在浏览器中打开localhost:8080(默认端口为8080)

    声明:本文内容仅是本人学习的记录,不保证在项目中可用,若引用此代码导致了严重后果,本人不承担任何法律责任。

  • 相关阅读:
    搜索相关
    隐藏search box
    SharePoint提供的一些javascript函数
    asp.net in sharepoint
    workflow 的一点讨论
    漂亮的网站
    SwitchPartManager:在UpdatePanel中灵活地切换不同用户控件
    Serializable of an XPO Object
    树形数据的处理
    CSS中的expression
  • 原文地址:https://www.cnblogs.com/dragon-he/p/9583955.html
Copyright © 2011-2022 走看看