【Vue】Win 10:npm 安装 Vue

目录

一、node 安装检验

二、npm 安装检验及升级

三、vue 安装

四、安装 webpack

五、新建项目

六、运行项目



一、node 安装检验

(1)查看版本,打开 cmd 窗口,输入命令:

node -v


(2)未安装,可以点击查看我的另一博文进行安装:【Node】Win 10 :node 安装



二、npm 安装检验及升级

(1)查看版本,打开 cmd 窗口,输入命令:

npm -v


(2)升级版本,打开 cmd 窗口,输入命令:

npm install -g npm

 

注:若 npm install 报错 permission denied,使用命令:sudo npm install -g npm



三、vue 安装

(1)打开 cmd 窗口,输入命令:

npm install vue


(2)安装 vue-cli 脚手架构建工具:

npm install --global vue-cli


(3)校验安装,安装完成,输入命令,如果出现相应的版本号,则说明安装成功:

vue -V



四、安装 webpack

(1)打开 cmd 窗口,输入命令:

npm install --global webpack

 


(2) 打开 cmd 窗口,输入命令:

npm install --global webpack-cli


(3)校验安装,安装完成,输入命令,如果出现相应的版本号,则说明安装成功:

webpack -v



五、新建项目

(1)去保存脚本的目录下新建文件夹:


(2)切换到该文件夹路径下,创建新项目,打开 cmd 窗口,输入命令:

// 创建一个基于 webpack 模板的新项目 my-vue-project
vue init webpack my-vue-project
// 这里需要进行一些配置,默认回车即可



六、运行项目

(1)切换到该文件夹路径下,创建新项目,打开 cmd 窗口,输入命令:

npm run dev

 


(2)成功执行以上命令后访问出现的地址,可以查看页面,就是安装成功了,如下所示:

http://localhost:8080/

猜你喜欢

转载自blog.csdn.net/qq_39720249/article/details/105253112
今日推荐