react和vue項目快速搭建
react項目快速搭建
1.安裝node環境:
下載地址:https://nodejs.org/zh-cn/download/
2.打開終端
3.安裝yarn或者cnpm, 這裏以cnpm 為例,輸入命令行:
npm install cnpm -g --registry=http://registry.npm.taobao.org
4.安裝create-react-app,輸入命令行:
cnpm install -g create-react-app
說明:這裏安裝在全局中,安裝一次就可以了。
5.創建react項目,輸入命令行:
create-react-app 項目名
6.進入項目所在文件夾,輸入命令行:
cd my-app
7.運行項目,輸入命令行:
cnpm start
8.打包,輸入命令行:
cnpm run build
vue項目快速搭建
1.安裝node環境:
下載地址:https://nodejs.org/zh-cn/download/
2.打開終端
3.安裝yarn或者cnpm, 這裏以cnpm 為例,輸入命令行:
npm install cnpm -g --registry=http://registry.npm.taobao.org
4.安裝vue-cli,輸入命令行:
cnpm i -g vue-cli
5.初始化vue項目,輸入命令行:
vue init webpack 項目名
6.進入項目所在文件夾,輸入命令行:
cd 項目名
7.安裝項目依賴包,輸入命令行:
cnpm i
8. 運行項目,輸入命令行:
cnpm run dev
9. 打包,輸入命令行:
cnpm run build
備註
1.mac 用戶在搭建的時候,要在最前面加上 sudo, password為登陸密碼。
2.退出或者終止進程:
Mac: control+z
windows: ctrl+c
react和vue項目快速搭建