1、vue项目初始化
首先:先从nodejs.org中下载nodejs
使用淘宝NPM镜像(非必要)
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
1、安装vue-cli: npm install --global vue-cli //全局安装 vue-cli
2、查看vue-cli是否成功,不能检查vue-cli,需要检查vue: vue list
3、进入你的项目目录,创建一个基于 webpack 模板的新项目: vue init webpack 项目名
说明:
Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;
Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
4、进入项目:cd vue-demo,安装依赖 npm install 或 npm i 或 cnpm i
安装成功后,项目文件夹中会多出一个目录: node_modules(依赖)
2、react项目初始化
全局安装:npm i -g create-react-app
切换到想创项目的目录,使用命令:npx create-react-app <项目名>
npx是npm5.2版本新增的,可以调用项目内部安装的模块。减少安装全局包。如果使用时报错可以仔细检查命令是否有错或者检查npm版本 npm -v。 没有的话也可以单独安装一下:npm install -g npx
进入项目文件夹:cd <项目名>
启动项目:npm start
安装组件:yarn add antd-mobile