HBuilderX 工程项目转换为 vue |
您所在的位置:网站首页 › hbuilderx可以创建哪些类型文件 › HBuilderX 工程项目转换为 vue |
步骤1、安装vue-cli
npm install -g @vue/cli
步骤2、新建通过vue-cli搭建的项目
vue create -p dcloudio/uni-preset-vue vue-cli-project
选择默认版本 在newProject文件夹的根目录下新建src文件夹,将HBuilderX创建的工程项目里面所有的文件copy进src文件夹。 将vue-cli-project项目这些文件copy进newProject文件夹的根目录下。 修改newProject文件夹根目录下的package.json文件,将src文件夹下的package.json文件的相关配置copy到根目录下的package.json文件。然后删除src文件夹下的package.json文件与package-lock.json文件。 第四步安装相关依赖,注意: 需安装less-loader与sass-loader,因为HBuilderX 工程自带插件帮我们安装了less-loader或者sass-loader,所以迁移到vue-cli工程项目的时候,我们要安装一次。 例如我用的是sass package.json { ... "devDependencies": { ... "sass": "^1.42.1", "sass-loader": "10.1.1" ... } ... } yarn 步骤5、运行与发布项目(小程序举例)具体项目类型可以根据 官方文档 进行运行与发布,或者查看package.json的script字段。 例如我的是小程序 npm run dev:mp-weixin完成之后终端会输出,编译后的文件放在哪里
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |