首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Vue2.0 新手完全填坑攻略——从环境搭建到发布

npm install 不要从国内镜像cnpm安装(会导致后面缺了很多依赖库) cnpm install 安装 vue 路由模块vue-router和网络请求模块vue-resource...还可能报其他错误,需要更新一下 vue-cli npm update vue-cli 然后可以查看一下当前全局 vue-cli 的版本 npm view vue-cli 安装一下这个依赖到工程开发环境...Error: Cannot find module 'detect-indent' Module build failed: Error: Cannot find module 'jsesc' 找不到依赖那就再安装一下...npm install 不要从国内镜像cnpm安装(会导致后面缺了很多依赖库) cnpm install 安装 vue 路由模块vue-router和网络请求模块vue-resource...还可能报其他错误,需要更新一下 vue-cli npm update vue-cli 然后可以查看一下当前全局 vue-cli 的版本 npm view vue-cli 安装一下这个依赖到工程开发环境

1.8K50

Vue学习-Webpack

接下来需要打开终端,到项目的根路径下,按照官网的命令键入: npm install --save-dev css-loader npm install style-loader --save-dev...install --save-dev css-loader@2.0.2 键入命令,下载完成,同样地会在package.json的devDependencies关键词下自动生成下载的依赖以及版本号...只需进入项目根目录,在终端键入如下命令: npm install vue --save 说明: 因为后续在实际项目中也会使用vue的,所以并不是开发时依赖,因此没有-dev 可以指定版本 然后在index.html...使用webpack打包运行查看: Vue组件化引入 下面来介绍Vue组件化的引入,会把模板等单独抽离,使得项目结构看起来更为清晰。...) 在终端键入如下命令(注意版本号): npm install vue-loader vue-template-compiler --save-dev 注意:下载在最后webpack打包的时候可能出现错误

1.3K10

vue3.0基础教程(一)

亿次的下载量,里面包含超过 600000 个 包的结构,能够使您轻松跟踪依赖和版本 npm命令安装的包都会在刚才的nodejs安装目录(D:/nodejs)下node_modules目录里面 常用命令如下...install代表此命令之后运行npm install命令时,会不会自动安装 命令 node_modules package.json npm install npm install 是 否 否 npm...install -g 否 否 否 npm install --savenpm i -S 是 dependencies 是 npm install --save-dev或npm i -D 是 devDependencies...--save 项目(运行时、发布到生产环境时)依赖;例:antd , element,react... package.json 关于package.json的详细文档,有兴趣的同学可以参考《package.json...: npm install -g @vue/cli 安装成功,我们即可使用 vue 命令,测试方法: vue -V @vue/cli 4.3.1 创建项目 vuecli目前支持图形化,新手推荐使用,执行以下命令

71520

Vue笔记(8)

,所以需要先进行安装 注意: 因为我们后续是在实际项目中也会使用Vue的,所以并不是开发时依赖,所以不用加-dev npm i vue --save 现在开始使用Vue 在入口文件...文件夹里面,创建一个App.vue文件 下载一个叫'vetur'的插件 在.vue文件中输入vue就会出来模板 这个时候是会报错的,提示我们需要vue-loader npm install...vue-loader@15.4.2 --save-dev npm install vue-template-compiler@2.5.21 --save-dev 然后还是进行配置 现在重新run...不过它是一个单独的模块,在webpack中使用要先安装 npm install --save-dev webpack-dev-server@2.9.1 但是现在还不能运行,因为终端中运行是在全局的环境下的...prod.config.js 现在可以把原来的webpack.config.js删除掉.但是这个时候运行肯定会报错,因为找不到叫webpack.config.js的配置文件了 package.json

46220

cordova打包vue2(webpack)android、ios app

#npm 版本最好是最新的,升级npm,node版本也有要求 npm i -g npm # 安装脚手架 npm install -g vue-cli #初始化新建项目 vue init webpack...vue-app # install dependencies # config/index.js 里可以修改端口 npm install # serve with hot reload at localhost...可以通过ide开发工具将index.html跑起来,看有没有什么错误,我这会提示图片404找不到,很郁闷他的请求路径,最后按照他的路径,吧img放到了css文件夹下。...---- 2、cordova项目 打包好的vue H5目需要使用cordova来打包成Android和ios项目。...cordova cordova create cordova-app com.trgis mapp 将vue项目中打包dist目录下的文件全部拷贝到cordova项目的www目录下 cd cordova-app

2.9K20

npm init @vitejsapp的背后,仅是npm CLI的冰山一角

--save 等价于 -S,安装的依赖包信息保存到 package.json中的 dependencies,这些依赖(比如vue, react)如果有进入 bundler (比如 webpack )的...--save-dev 等价于 -D,安装的依赖包信息保存到 devDependencies 中,这些依赖一般是开发环境的工具,比如 eslint, webpack, babel之类的,这些依赖一般不会被打包工具处理到构建结果中...但是,如果你使用npm install -D vue安装了vue,并且在项目中引用了vue依赖,那么 webpack 的 Dependency Graph 中也会有vue,最终vue也会体现到构建结果中...npm run npm run用来运行我们定义的scripts,命令直接跟脚本名称就行。...,而非npm publishvue-awesome-progress。

1.8K40

vue-cli(vue脚手架)入门

vue­cli4) npm install ‐g @vue/cli 安装成功,可以通过以下指令查看vue­cli版本 vue ‐‐version 2 使用cli3创建Vue2目 (1)创建项目 vue...create 项目名称 初学可以先选择默认设定——default 创建成功,可以根据提示运行项目 cd 项目名称 npm run serve  (2)vue2­cli3 的项目基本结构  (3...安装多个依赖可用空格分割,如npm install jquery bootstrap。 xxx ­g 搜索并安装xxx(全局安装)。安装多个同上。...xxx ­­save 安装并将依赖信息写在package.json中的dependencies中。 xxx ­D 安装并将依赖信息写在package.json中的devDependencies中。...(2)清空缓存 有时使用npm install失败,由于本地缓存中还保留着残留的安装信息,可能会导致重复执 行npm install依然失败,这时可以使用下面指令清除一下本地的缓存信息。

53730

从零实现一套属于自己的UI框架-发布到npm

需要技能 需要掌握 Vue 的基本语法 组件之间的通信 插槽的用法 vue-cli3 创建项目、打包 npm & git 的用法 创建项目 检查 node 环境配置 先本地全局安装node环境,vue运行依赖于...安装新版本 npm install -g @vue/cli # OR yarn global add @vue/cli 查看版本 vue --version | vue...由于我们更改了原项目的目录结构,使得系统本地运行以及打包找不到对应的目录,我们需要在项目的根目录中创建一个vue.config.js文件夹手动的去修改webpack配置,使得系统本地运行和打包正常。...大家有没有发现我提交的commit不一样,其实就是用到了gitmoji这个依赖而已,简单说下他的用法: 全局安装这个依赖 npm install -g gitmoji-cli commit 提交代码时...一切准备工作做好,打开终端,执行npm login进行登录 登录 执行npm login命令,系统会提示输入账户和密码。

1.3K10
领券