vue开发环境安装(nvm管理node)

由于最新需要重构也一个页面,原网页使用jija2+python编写,目前后台可以迅速的提供API接口,但是前端页面渲染的速度太慢,所以打算用vue重构。借此机会提升下对前端知识的学习,采用前后端分离模式,使用vue开发前端页面。

搭建开发环境

  1. 安装nvm
    安装node使用 nvm 进行node的版本管理,此工具类似Python的pyenv,可以自由下载及管理切换node版本

    https://github.com/creationix...

    参照说明:可以快速安装nvm

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
    export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
        
  1. 列表项目
  2. 安装vue-cli 脚手架

       npm install -g @vue/cli
    

    安装完毕后 vue -version 检查版本号

  3. 使用vue创建工程

       vue create projectname
       根据提示选择:
       ? Please pick a preset: default (babel, eslint)
       ?  Your connection to the default npm registry seems to be slow.
      Use https://registry.npm.taobao.org for faster installation? Yes
    

    默认给我选择了淘宝的源!!! nice!

    这样名为 projectname 的项目就创建好了

  4. 安装项目相关依赖
    刚刚创建完毕的项目是没法直接跑起的, 因为相关依赖还没有配置到你本地,所以需要切换到项目文件夹并执行:
    npm install
    来初始化你的项目

    npm run server

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值