微信开发者工具创建vue项目步骤

在我开始学习vue的时候，对于新手安装这个环境是真的搞人心态，不友好。在不断的安装，找教程，又帮同学配置了下，有必要自己总结下。对于新手搭建vue环境，就一步步来就ok了。

在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

1.输入npm install vue -g
这里的-g是指安装到global全局目录去

2.安装vue-router 输入npm install vue-router -g（这个可以安装也可以不安装，本人就没有安装）

3.运行npm install vue-cli -g安装vue脚手架

4.输入vue -V 查看vue版本号

5.创建vue项目输入 vue init webpack helloVue创建项目

如果没有报错显示，一路选择下去，创建项目。

最后在命令行进入该项目，运行npm run dev，提示打开地址http://localhost:8082

成功创建vue项目，记录一下，以免后面记不住或者找不到其他的百度结果，这个方便快捷，不会错

微信开发者工具创建vue项目步骤相关推荐

怎么通过微信开发者工具打开一个项目
最近要修改一个老项目的微信小程序当接收完老项目后,我直接用HBuilder X运行起来结果还不错正常运行起来但是打开页面时显示只能通过手机微信访问于是我通过微信开发者工具打开选择项目后(AP ...
使用微信开发者工具创建小程序项目
个人资源与分享网站:http://xiaocaoshare.com/ 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示: #### 项目结构 ``` └ ...
ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤
1.前置环境 1.node.js 2.vue-cli 3.webstorm 2.创建步骤 1.在webstorm中打开一个终端,输入 #vue ui 运行结束后,会启动一个web服务用以可视化创建vu ...
拉别人或者公司的Uni-app项目，在HBuilder运行小程序时打开了微信开发者工具，但微信开发者工具未运行项目
原因:微信开发者工具登录的微信号没有未绑定该小程序项目的appid 第一种解决方案:需要绑定该微信账号为开发者账号: 第二种解决方案:进入项目,找到微信小程序APPID 删除掉然后再重新启动运行.
使用vite创建vue项目步骤
由之前使用@vue/cli创建vue项目,改为用vite创建使用步骤使用以下命令实现使用vite创建vue项目: npm init vite-app <project-name> 相比 ...
HBuilder X运行小程序时，打开了微信开发者工具但微信开发者工具未运行项目但又没有错误提示
1.检查配置文件里有没有配置小程序APPid 2.确定开发者工具登录的账号和id属于同账号 3.微信开发者工具不是最新版本卸载重新安装下载地址传送门:微信开发者工具下载地址与更新日志 | 微信开放 ...
HBuilder X运行小程序时，打开了微信开发者工具，但微信开发者工具未运行项目但又没有错误提示
1.HBuilder X运行小程序,调用微信开发者工具后,最终结果如下所示上图结果所示,微信开发者工具已打开,但是微信开发者工具并没有运行小程序,两个工具都没有错误提示 2.出现上面这种情况的原因是 ...
使用Visual Studio Code工具创建Vue项目并运行
目录 1.下载并安装Visual Studio Code 2.Visual Studio Code设置中文界面 3.创建项目 4.运行项目 1.下载并安装Visual Studio Code 2.Vi ...
vue2.0 创建vue项目步骤
1.提前安装好node 2.可以cmd在自带的命令行中运行,也可以在编辑器中运行 cnpm npm install -g cnpm --registry=https://registry.npm.ta ...

微信开发者工具创建vue项目步骤

微信开发者工具创建vue项目步骤相关推荐

最新文章

热门文章