vue脚手架环境搭建(windows)

2025-06-08 07:16:30

1、首先去node.js官网下载系统对应的node.js版本。

vue脚手架环境搭建(windows)

2、安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功。

vue脚手架环境搭建(windows)

3、下面,我们需要安装全局的cli。在命令行下输入npm install --global vue-cli。

vue脚手架环境搭建(windows)

4、然后输入 vue --version,来查看安装版本。

vue脚手架环境搭建(windows)

5、然后我们进入我们的项目目录,假设我们的目录建在d盘,文件夹名称是vue1.0。CD /D D:\vue1.0。

vue脚手架环境搭建(windows)

6、我们聪艄料姹再对项目进行初始化。输入vue init webpack vuetest 其中vuetest 表示项目名称。然后回车,输入描述,接着回车,其他都输n。

vue脚手架环境搭建(windows)

7、完成之后,run npm install,进行项目安装。

vue脚手架环境搭建(windows)

8、最后,输入npm run dev来查看我们用脚手架搭建的项目。

vue脚手架环境搭建(windows)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢