vue脚手架环境搭建(windows)

2024-10-26 08:11:57

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)
猜你喜欢