使用vue-clie3构建一个项目, 注意是vue-cli3!
先确认一下电脑有没有安装node , 并且node的版本在尽量在8.9或者以上
打开cmd 或者 git操作窗口 , 输入node -v 查看
v10.8.0 显示node版本号, 如果不存在node , 直接npm下载一个就可以.
安装好node后, 直接下载vue-cli3,因为vue-cli3内置模块里有webpack, 所以可以直接进行下载vue-cli,不需要下载webpack
我这里使用的是cnpm, 没有cnpm的小伙伴可以使用淘宝镜像进行下载
cnpm i @vue/cli -g
安装后 , 使用 vue -V 查看 , 注意是大写的V
版本号:3.2.2 , 安装成功!
创建一个项目
在vue-cli3里 , 使用 vue create vue-demo 进行创建
出现选项时,我选择直接一路enter带过.
我这里已经创建完毕, 下面提示 使用cd vue-demo 进入你所构建的项目,然后使用npm run serve启动
我们先进入vue-demo文件夹
进入之后使用 npm run serve 进行启动
如图所示 , 启动成功, 然后我们在浏览器网址栏里输入 localhost:8080 , 打开页面
页面打开成功!
这样,我们就成功使用vue-cli3简单的构建了一个项目!
网友评论