vue开发环境安装（nvm管理node）

2024年4月15日 151次阅读 来源: 牛顿爱吃苹果 
由于最新需要重构也一个页面，原网页使用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

    原文作者：牛顿爱吃苹果
    原文地址: https://segmentfault.com/a/1190000016337092
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞