Vue前端项目运行

环境:vscode、node.js、cnpm/yarn

npm安装起来太慢了、建议使用 cnpm或yarn

1.从码云上下载前台项目,使用vscode打开

2.安装依赖(请提前自行安装 cnmp 或 yarn)

Vue前端项目运行_第1张图片

 使用命令安装依赖

cnpm install

3.运行项目

 使用命令启动

npm run dev

第一次运行可能出现报错情况,如出现,请安装如下全局依赖

webpack-dev-server

webpack

webpack-cli

打包命令

npm run build

 一、npm

1.npm(Node Package Manager)是Node.js下的主流套件管理程式。

通常情况下,安装node.js则会自带npm命令

安装node.js链接如下:

Node.js

2.输入npm -v检测是否正常及版本号

Vue前端项目运行_第2张图片

 

npm install 模块名 -g   //全局安装
npm install 模块名 //本地安装
npm install 模块1 模块2 模块3  //一次性安装多个
npm install 模块名 --save-dev  //安装开发时依赖包
npm install 模块名 --save  //安装运行时依赖包
npm -v   //查看版本
npm init //初始化
npm root  //查看项目中模块所在的目录
npm root -g  //查看全局安装的模块所在目录
npm update 模块名  
npm update 模块名 @版本号  //当然你也可以update 该模块到指定版本
npm install 模块名@latest  //如果安装到最新版本可以使用以下命令
  
#如果当前的版本号为2.5.1,是没办法进行npm update 模块名 @2.3.1 将模块版本号变为2.3.1的,当然,你可以先uninstall,然后进行install @2.3.1
 
npm uninstall 模块名 //卸载

二.cmpn(淘宝镜像)

1.输入以下命令,等待安装

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

Vue前端项目运行_第3张图片

 2.输入命令:cnpm -v  检测版本号及查看是否安装成功

 

三.yarn

1.使用以下命令:

npm install -g yarn

Vue前端项目运行_第4张图片

 

2..检测版本

#安装

npm install -g yarn //安装
yarn add [pkg-name]  //会自动安装最新版本,会覆盖指定版本号
# yarn add jquery
 
yarn add [pkg-name1] [pkg-name2] //一次性添加多个包
# yarn add bootstrap zepto
 
yarn add [pkg-name]@ver //添加指定版本的包
# yarn add [email protected]
 
yarn add [pkg-name] --dev //添加开发时依赖项目
# yarn add less --dev
 
yarn global add [pkg-name] //全局安装 
# yarn global add webpack


#更新
yarn upgrade [pkg-name]@ver //将包更新到指定版本
#yarn upgrade [email protected]  // jquery从2.1.4更新到3.0.0版本:
yarn upgrade –latest [pkg-name] //将包更新到最新版本
#yarn upgrade –latest jquery //举例将3.0.0版本的 jquery更新到最新版本


#删除
yarn remove [pkg-name] //删除包
#yarn remove jquery //举例删除 jquery
yarn remove [pkg-name1] [pkg-name2] //一次删除多个包
#yarn remove bootstrap zepto //举例删除 bootstrap 和 zepto:

你可能感兴趣的:(javascript,Vue,前端,vue.js)