前端
一点也不简单

前端开发环境基本建立(针对常用Vue和React的人群)

Node.js和Nvm,Npm(nrm管理npm源),Cnpm,Yarn

node.js建议先在官网( https://nodejs.org/zh-cn/ )下载,下载完了回车安装,建议装在c盘,装完了就会带有npm包管理工具

接着就要给npm切换国内镜像源了,否则贼慢,那么我们就先下载个nrm吧,来管理我们的源

我不推荐那种一条命令直接更改源的方法,我只推荐nrm,因为方便,因为你有可能需要npmjs来上传组件包!

npm install -g nrm
nrm use taobao   //切换成taobao源

安装了,源也切换了,那么我们来吧cnpm 和yarn 搞定吧

npm install -g cnpm --registry=https://registry.npm.taobao.org   //详情可见官网
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

安装webpack,vue/react脚手架

1.安装cli3.0
    cnpm install @vue/cli -g
    npm install @vue/cli -g
    yarn global add @vue/cli
2.安装 cli版本控制工具(调节工具)
    cnpm install @vue/cli-init -g
    npm install @vue/cli-init -g
    yard global add @vue/cli-init
3.安装cli2.0
    cnpm install vue-cli -g
    npm install vue-cli -g
    yard global add vue-cli
3.0使用
    vue create project/ .
        babel
2.0使用:vue init webpack
       :vue init webpack-simple app

http://www.root181.com/2019/06/19/vue%e9%a1%b9%e7%9b%ae%e5%bc%80%e5%8f%91%e6%b5%81%e7%a8%8b/#node

注意:一定要按照顺序来,否则就卸载脚手架重装吧,卸载方式

npm uninstall ~~~
yarn remove ~~~

vscode编辑器配置

可以根据这篇博客来

https://juejin.im/post/5bf36312f265da611204a05e

测试项目是否可以

如果是vue的话肯定是会有问题的

vue create 项目名   //这是cli3脚手架安装vue项目的方式

当我们选择了node-sass时,那么就有可能会报错,这个时候我们需要执行两条命令

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm config set registry https://registry.npm.taobao.org

注意:npm不是固定的,取决于你选择了什么来执行安装

react一般没啥问题

安装react脚手架 create-react-app

npm install -g create-react-app

创建项目

create-react-app my-app
或npx create-react-app my-app
赞(0) 打赏
未经允许不得转载:专注前端开发和vps技术交流的博客-纸飞机 » 前端开发环境基本建立(针对常用Vue和React的人群)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

微信扫一扫打赏