您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

vue之搭建本地项目

2024/3/12 19:40:56发布29次查看
这次给大家带来vue之搭建本地项目,vue之搭建本地项目的注意事项有哪些,下面就是实战案例,一起来看一下。
一.
安装nodejs链接:https://nodejs.org/zh-cn/
二.
安装webpack
安装命令:cnpm install webpack -g
安装完成,通过webpack -v来查看当前webpack版本
三.
接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架
安装命令:npm install -g vue-cli
安装完后,可以输入vue,或者vue -v,然后回车,如果出现vue的信息,则说明安装成功了。
四.
紧接着,就该创建项目了,自己找一个合适的地方,新建一个项目文件夹,根据自己的需要命名,我的命名为 my-vue,然后,打开此文件夹,右键git bash here,定位到此文件夹,输入:vue init webpack my-vue(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作:
五.之后通过命令:cd vue-test 进入此文件夹,在利用命令:npm install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)。
六.在命令行里继续输入 npm run dev来测试环境是否搭建成功,如果出现如下图说明成功了:
然后输入提示你的地址,我的是8081,出现下图,就ok了
相关推荐:
vue项目搭建步骤
命令行搭建vue的项目框架
vue.js在windows本地下搭建环境和创建项目
以上就是vue之搭建本地项目的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product