前端开发工具安装指南-优快云博客

本文提供了前端开发中常用工具的安装教程，包括Node.js、npm、cnpm、yarn、Vue、Webpack等，并介绍了如何使用这些工具快速构建前端应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

安装Node.js

https://nodejs.org/en/download/

http://www.runoob.com/nodejs/nodejs-install-setup.html

node -v

更新npm

npm install -g npm
npm -v

安装cnpm

 npm install -g cnpm --registry=https://registry.npm.taobao.org
 npm config set registry https://registry.npm.taobao.org

 cnpm install npm -g

安装yarn

npm install -g yarn
yarn --version
yarn add gulp-less
yarn remove gulp-less
yarn upgrade [package]

安装vue

cnpm install vue
npm install vue -g

npm install vue-router -g

cnpm install --global vue-cli
npm install vue-cli -g

安装webpack

npm install webpack -g
npm install webpack --save-dev

快速构建应用

vue init webpack my-project
cd my-project
 npm install
 

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests: coming soon
# npm run unit

# run e2e tests: coming soon
# npm run e2e

# run all tests: coming soon
# npm test

 npm run dev
 cd my-project
 cnpm install
 cnpm run dev