目录
一、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/